码迷,mamicode.com
首页 > 其他好文 > 详细

easyui data-options的使用

时间:2014-09-12 17:28:14      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:style   io   使用   ar   div   问题   sp   cti   log   

<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="title:‘My Dialog‘,collapsible:true,iconCls:‘icon-ok‘,onOpen:function(){}">
    dialog content.
</div>

为什么要特殊提出一下这个属性呢? 通过这个属性,有个原来我们不好实现的功能,现在可以很轻松的就完成了。

了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性 (id,text,iconCls,checked,state,attribute,target)。而原先这个几个属性想要通过html的方式赋值实 例的话,是不能完全做到的。attribute属性必须json的方式才能赋值。这也给我们开发带来了一下不便。而如今有了data-options这个 属性,一切问题都迎刃而解了。如上例:

  1. title定义在面板头部显示的标题文本

  2. collapsible定义是否显示可折叠按钮

  3. cionCls设置一个16x16图标的CSS类ID显示在面板左上角

  4. onOpen是事件,在打开面板之后触发。

easyui data-options的使用

标签:style   io   使用   ar   div   问题   sp   cti   log   

原文地址:http://my.oschina.net/ajian2014/blog/313014

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