首页 > 代码库 > easyui data-options的使用

easyui data-options的使用

<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的使用