EasyUI总结（二）-- 组件的创建和配置

javascript

## 两种组件的创建方式
方式一: 使用class样式来配置:
      1: 使用对应的 标签来渲染对应的组件,比如panel我们就应该使用div来配置渲染,按钮linkbutton通过普通的<a>标签来渲染
      2: class=”easyui-panel”
      3: 配置相关的属性
方式二: 使用JS配置(推荐使用)
      1 给元素(div)添加一个id myPanel
      2 编写JS文件 $(“#panel”).panel({
      title:”JS配置的标题”,
      width:400,
      height:400
     })
## 组件属性的配置方式
 1 :直接使用html中的元素的标签属性进行配置 title=”我的标题” style=”height:200px;width:400”
 2: 在标签元素中配置data-options="width:400,title:'我的标题2'"
 3: 在JS中传递json对象配置对应的属性
 ```
    $("#myPanel").panel({
        title:"JS标题",
        width:400,
        height:200
    })

以上三种方式可以混合使用,如果配置的属性有冲突,那么JS中的属性配置会覆盖标签元素中配置的属性

EasyUI的原理分析

```