jquery easyui入门教程（二） 发布时间：2012-04-15 发布来源：

？？那些动态变量表达式几乎与很多前端框架都如许定义，例如常用的struts2框架。

啊，芳华！芳华！或许你美好的全部奥秘不在于可以或许做出一切，而在于做出一切。今天讲解一下，jquery easyui组件的初始化道理：

“逆风而行”是要冒风险的，有时可能遭到灭顶之灾，然则在真谛题目上，不克不及让步。?

????? 1、Jquery easyui对htm的dom节点进行初始化有两种体式格式：

????????????????? 第一种是直接在<script>标签顶用jquery选择器获取响应的节点，然后调用Jquery easyui的初始化函数，函数的第一个参数是一个对象。这个对象中设备了组件的属性以及事务，当然这些都是有选择性的。例如：

??? <script type="text/script">

?????????? ￥（function（）{

?????????????? ￥（"＃edit_win"）.window（{

????? title:""编辑窗口""，

????? closed:true，

????? iconCls:""icon-edit""，

????? width:123，

????? height:123，

????? onClose:function（）{

????? }

}）;

}）;

</sript>

?? 此中edit_win是一个事先定义好的一个html标签的id。此处希罕要提出的是组件初始化的时辰，组件的属性设备不仅可以放置于初始化函数中，也可以设备在响应id标签中作为标签的属性。例如：

??? <script type="text/script">

?????????? ￥（function（）{

?????????????? ￥（"＃edit_win"）.window（{

????? closed:true，

????? width:123，

????? height:123，

????? onClose:function（）{

????? }

}）;

}）;

</sript>

<div title="编辑窗口" iconCls="icon-edit"></div>

???????????????? 第二各种是在html代码中在某些特定的标签中，添加class="easyui-组件名"来对其进行初始化衬着。例如：

?????? <div title="待办项" icon="icon-wait" ....>show panel text</div>

上述，介绍的两种初始化的体式格式在应用的时辰只能应用此中的一种体式格式，不克不及进行混淆应用。在两种同事应用的时辰，会呈现js错误，例如：￥.data（，""""）.options为空。

??????? 2、对初始化的过程做一下响应的介绍：

???????????????? 针对1中的第一种体式格式，ta是调用了响应组件的初始化的函数￥.fn.组件名=function（params）{}。

???????????????? 初始化的时辰是将一个对象作为参数，此对象既是组件属性和事务的设备。因为组件的属性有两种体式格式，一是作为对象的属性，二是作为html标签的属性进行定义，所以jquery easyui须要将对象中和html标签中定义的属性整合在一路。有了属性和响应的事务之后，那么就可以掉用jquery easyui内置的函数对html元素进行衬着，最后就获得了我们所须要的Jquery easyui组件。

????????????? 针对1中的第二种体式格式，是在页面加载完成后，jquery easyui会对页面进行遍历，寻找html标签中属性class以easyui-开首，并且以jquery easyui组件名停止的标签。遍历停止后调用￥.parser.parse（""....""）;将easyui-开端的标签初始化成jquery easyui组件的情势。

????? 下一篇会针对所有的组件进行一一介绍。屠格涅夫

《更多网站建设信息、网站开发资讯，敬请咨询百微信息科技，021-57700304》