我的第一个窗口

使用教程 » 我的第一个窗口

创建窗口非常简单。我们创建一个DIV标记:

<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;"> Some Content. </div>

现在运行您的测试页面，您将在屏幕上看到一个窗口显示。我们不需要编写任何javascript代码.

如果您希望创建一个不可见的窗口，请记住将“closed”属性设置为“true”值，您可以调用“open”方法来打开窗口:

<div id="win" class="easyui-window" title="My Window" closed="true" style="width:300px;height:100px;padding:5px;"> Some Content. </div> $('#win').window('open');

作为演示，我们最终创建了一个登录窗口:

<div id="win" class="easyui-window" title="Login" style="width:300px;height:180px;"> <form style="padding:10px 20px 10px 40px;"> <p>Name: <input type="text"></p> <p>Pass: <input type="password"></p> <div style="padding:5px;text-align:center;"> <a href="#" class="easyui-linkbutton" icon="icon-ok">Ok</a> <a href="#" class="easyui-linkbutton" icon="icon-cancel">Cancel</a> </div> </form> </div>

下载 EasyUI 实例: