论坛首页 Web前端技术论坛

jquery-easyui中创建Window窗口

浏览 28933 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-30  

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

 

   发表时间:2010-02-05  
window 是否可以用远程地址?
看了文档里面没有标识。
0 请登录后投票
   发表时间:2010-02-05  
可以,用href属性就会加载远程页面内容。
0 请登录后投票
   发表时间:2010-03-02  
能让这个window 支持iframe吗??
0 请登录后投票
   发表时间:2010-03-02   最后修改:2010-03-02
可以,DIV里面包一个IFRAME就好了。
0 请登录后投票
   发表时间:2010-03-25  
如果window dom是在layout布局内部,弹出的窗口位置是相对于布局定位的,但定位的算法却是相对于浏览器窗口的,所以窗口只能在layout内部拖动,出现的位置也不太对。dom移到layout外部可以解决,如果框架里面能处理也许会更方便。
0 请登录后投票
   发表时间:2010-04-19  
window在使用过程中发现如下问题:
1.iframe中使用window时,只能在iframe内层弹出,这样就限制了窗口的大小,目前的解决办法是把window放在外层构造。
2.windows在拖放时,如果拖到浏览器外,再次打开时,由于没有TITLE,造成了窗体无法拖动,目前的解决办法是手动计算窗体位置,再次打开时重新定位。希望作者在源码中处理一下,防止窗体拖出浏览器之外的情形发生。同时在记住上次位置的情况下,判断窗体的位置是否合理。
3.同样是上面的情形,将窗体拖到浏览器外时,再往回拖时,会出现一个虚线边框,且会多次出现,这个问题和截图已经邮件给作者(可否回复一下:))。
4.当我在iframe内部构造window时,如果不是以modal模式构造,当鼠标焦点放在了底层的grid上时,会出现window无法拖动的BUG。

希望作者能及时充实、完善API文档,同时出一个完整的示例。
0 请登录后投票
   发表时间:2010-07-16  
请问:关于easyui --window,点最小化后怎么停靠在当前页面?貌似一点最小化后就没了?
0 请登录后投票
   发表时间:2010-10-13  
good,nice girl
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics