jQuery EasyUI组件使用

时间:2026-02-16 08:20:31

1、 Messager组件使用

语法:

//提示框

$.messager.alert('title','info message!‘);  

//确认框

$.messager.confirm('title', 'info message?',function(r){

if (r){

exit action;

}

});

提示框

jQuery EasyUI组件使用

2、2.确认框使用代码

jQuery EasyUI组件使用

3、 layout布局代码

语法:

<body>

<div data-options="region:'north',title:'North Title'" ></div>

<div data-options="region:'south',title:'South Title'"></div>

<div data-options="region:'east',title:'East'"></div>

<div data-options="region:'west',title:'West'" ></div>

<div data-options="region:'center',title:'center title'" ></div>

</body>

运行效果:

jQuery EasyUI组件使用

4、 datagrid组件使用代码

语法:

<table style="width:400px;height:250px"

data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">

<thead>

<tr>

<th data-options="field:'code',width:100">Code</th>

<th data-options="field:'name',width:100">Name</th>

<th data-options="field:'price',width:100,align:'right'">Price</th>

</tr>

</thead>

</table>

jQuery EasyUI组件使用

5、5.运行效果:

jQuery EasyUI组件使用

6、6.动态创建

jQuery EasyUI组件使用

7、7.运行效果:

jQuery EasyUI组件使用

8、 form组件使用代码

jQuery EasyUI组件使用

9、9. 使用form以ajax方式提交表单

jQuery EasyUI组件使用

10、10. 使用form回显示表单内的数据(用于修改功能)

jQuery EasyUI组件使用

11、11. 重置form表单

jQuery EasyUI组件使用

12、 combobox组件

url:获取数据的地址

valueField:value属性的值

textField:text属性的值

语法

jQuery EasyUI组件使用

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com