easyui data-options属性

1. 使用 data-options 来初始化属性。

 

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

     dialog content. 

属性，事件，都可以直接写在data-options里面，这样就方便多了。

 来自：http://easyui.btboys.com/the-use-of-easyui-data-options.html

 

2.  tools定义工具栏，继承自panel的应该都可以使用。

$('#p').panel({        width:500,        height:150,        title: 'My Panel',       tools: [{         iconCls:'icon-add',         handler:function(){alert('new')}        },{         iconCls:'icon-save'        handler:function(){alert('save')}       }]    }); 

tools 同样可以加到data-options里面。

 

3.  easyui 里面的组件属性，同样可以写在标签里面。

  
      
panel content.
  
      
panel content.
  
  

data-options和这里效果是一样，但是API里面大部分是按照属性来定义标签的，就想早先的HTML，而data-options就想style定义样式，不知道这两种有什么优劣。

 

 4. 继承

 

    
    
    
    
    
    


    
         Dialog Content.     

实现效果就是这样的！