jQuery EasyUI组件使用

2025-11-14 05:03:46

1、 Messager组件使用

语法:

//提示框

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

//确认框

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

if (r){

exit action;

}

});

提示框

jQuery EasyUI组件使用

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、运行效果:

jQuery EasyUI组件使用

6、动态创建

jQuery EasyUI组件使用

7、运行效果:

jQuery EasyUI组件使用

8、 form组件使用代码

jQuery EasyUI组件使用

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

jQuery EasyUI组件使用

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

jQuery EasyUI组件使用

11、 重置form表单

jQuery EasyUI组件使用

12、 combobox组件

url:获取数据的地址

valueField:value属性的值

textField:text属性的值

语法

jQuery EasyUI组件使用

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢