jQuryeasyui(2)——窗口(window、dialog)

   下面简单说明下jquery easyui中窗口(window和dialog)的使用,两者之间用很多相同之处。

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的双桥网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

在编写js代码前需要引入jquery.js、jquery.easyui.js、easyui.css、icon.css包,另外为了解决中文引起的乱码问题还需引入easyui-lang-zh_CN.js.

   javascript代码:

$("#window").window({
     title:"this is title!!!",    //窗口标题
     width:600,
     height:300,
     collapsiable:true,           //定义窗口是否折叠
     minimizable:true,            //是否显示最小化按钮
     maximizable:true,            //是否显示最大化按钮
     closable:true,               //是否显示关闭按钮
     draggable:true,              //是否可以拖拽
     resiable:true,               //窗口是否可调大小
     closed:true,                 //窗口是否是关闭
     shadow:true,                 //是否有阴影
     inline:false,                //如何放置窗口,true表示放在父容器里,false放在所有元素顶部
     modal:true,                  //是否以模态形式显示窗口
                                                                                                                                                                                                                                                  
});
//dialog中的其他属性与window中相同,另外比window多出toolbar(dialog上面的工具栏),buttons(dialog下面)                                                            
$("#dialog").dialog({
    title:"this is dialog!",
    toolbar:[{
        iconCls:"icon-add",
        text:"新增",
        handler:function(){
                alert("add");
            }
        },{
        iconCls:"icon-edit",
        text:"编辑",
        handler:function(){
                alert("edit");
            }
    }],
    buttons:[{
        iconCls:"icon-ok",
        text:"OK"
        },{
            iconCls:"icon-cancel",
            text:"CANCEL",
            handler:function(){
               $("#dialog").dialog("close");
             }
         }]
});

html代码:



    

初学juery,不当之处不可避免,欢迎指正。共同学习。


网站名称:jQuryeasyui(2)——窗口(window、dialog)
当前URL:http://bzwzjz.com/article/gjojhi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都做网站建设公司 企业网站设计 成都响应式网站建设公司 手机网站制作 成都网站设计 成都网站建设 成都网站设计公司 成都网站设计制作公司 外贸网站建设 响应式网站设计 成都网站建设 温江网站设计 上市集团网站建设 成都网站建设 成都网站制作 泸州网站建设 成都网站设计 成都网站建设 成都网站建设 手机网站制作 自适应网站设计 成都网站建设