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是事件，在打开面板之后触发。