jquery-easyui中创建Window窗口

jquery-easyui中创建窗口很简单，建立一个DIV就行了：

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

这样不用写一行JS代码窗口就会出现在屏幕上：

如果想建立一个隐藏的窗口，则需要设置属性closed="true"，需要打开时调用open方法就行：

$('#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>

效果图如下：

 

原文及下载地址：http://jquery-easyui.wikidot.com/tutorial:win1

 

评论

9 楼 madsion8875 2010-10-13  

good,nice girl

8 楼 zhaoy_info 2010-07-16  

请问：关于easyui --window，点最小化后怎么停靠在当前页面？貌似一点最小化后就没了？

7 楼 qqgoodluck 2010-04-19  

window在使用过程中发现如下问题：
1.iframe中使用window时，只能在iframe内层弹出，这样就限制了窗口的大小，目前的解决办法是把window放在外层构造。
2.windows在拖放时，如果拖到浏览器外，再次打开时，由于没有TITLE，造成了窗体无法拖动，目前的解决办法是手动计算窗体位置，再次打开时重新定位。希望作者在源码中处理一下，防止窗体拖出浏览器之外的情形发生。同时在记住上次位置的情况下，判断窗体的位置是否合理。
3.同样是上面的情形，将窗体拖到浏览器外时，再往回拖时，会出现一个虚线边框，且会多次出现，这个问题和截图已经邮件给作者（可否回复一下：））。
4.当我在iframe内部构造window时，如果不是以modal模式构造，当鼠标焦点放在了底层的grid上时，会出现window无法拖动的BUG。

希望作者能及时充实、完善API文档，同时出一个完整的示例。

6 楼 chenzhou 2010-04-07  

bnmcvzx 写道

如果window dom是在layout布局内部，弹出的窗口位置是相对于布局定位的，但定位的算法却是相对于浏览器窗口的，所以窗口只能在layout内部拖动，出现的位置也不太对。dom移到layout外部可以解决，如果框架里面能处理也许会更方便。

谢谢了！

5 楼 bnmcvzx 2010-03-25  

如果window dom是在layout布局内部，弹出的窗口位置是相对于布局定位的，但定位的算法却是相对于浏览器窗口的，所以窗口只能在layout内部拖动，出现的位置也不太对。dom移到layout外部可以解决，如果框架里面能处理也许会更方便。

4 楼 stworthy 2010-03-02  

可以，DIV里面包一个IFRAME就好了。

3 楼 sogo1986 2010-03-02  

能让这个window 支持iframe吗？？

2 楼 stworthy 2010-02-05  

可以，用href属性就会加载远程页面内容。

1 楼 fnet 2010-02-05  

window 是否可以用远程地址？
看了文档里面没有标识。