easyui---基础组件:window

Posted fpcbk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui---基础组件:window相关的知识,希望对你有一定的参考价值。

window

 依赖下面三个组件,就是继承,所以下面的特性和方法 事件都可以用

  • draggable
  • resizable
  • panel

window 和panel不同之处,可以有拖拽移动draggable,拖改变大小reziable,默认都设置了上面4个工具栏为true:最大,最小,折叠,关闭

技术分享图片

modal特性,是否是模态,false时,可以点击

技术分享图片

<script>
$(function(){
    $("#windowid").window({        
        width:500,   
           height:150,   
          modal:false
        
    })
})

</script>
</head>
<body>
<div id="windowid" ></div>
<input type="button" value="点击"/>
</body>

 

为true时,不可以点击,有遮罩层

技术分享图片

 

 

 其事件扩展自 panel。所以用panel中事件

加事件,就在option配置项中加

$(function(){
    $("#windowid").window({        
        width:500,   
           height:150,   
          modal:true,
          onBeforeOpen:function(){
              alert();
          }
        
    })
})

 

以上是关于easyui---基础组件:window的主要内容,如果未能解决你的问题,请参考以下文章

easyui的学习总结

Jquery插件 easyUI属性汇总

easyui---基础组件:panel

网站前端_EasyUI.基础入门.0002.带你玩转jQuery EasyUI Panel组件 ?

easyui---基础组件:dialog

使用easyui-window,ID重复,导致组件操作失败