本文共 820 字，大约阅读时间需要 2 分钟。

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. 
    
  

实现效果就是这样的！