easyUI data-options的使用

data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性，我们可以对easyui组件的实例化可以完全写入到html中，例如：

<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这个属性，一切问题都迎刃而解了。