码迷,mamicode.com
首页 > Windows程序 > 详细

easyui---基础组件:window

时间:2018-10-25 11:01:04      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:agg   on()   pre   res   val   关闭   oda   inf   option   

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

标签:agg   on()   pre   res   val   关闭   oda   inf   option   

原文地址:https://www.cnblogs.com/fpcbk/p/9847609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!