使用jQuery EasyUI的Messager组件
浏览量:1473
时间:2024-06-16 20:23:45
作者:采采
在使用jQuery EasyUI的Messager组件时,可以通过以下代码来创建提示框和确认框:
$()('title', 'info message!');
$()('title', 'info message?', function(r){
if (r){
// exit action
}
});
使用jQuery EasyUI的layout布局
通过下面的代码可以实现页面的布局,包括北部、南部、东部、西部和中心区域:
lt;bodygt;
lt;div data-options"region:'north',title:'North Title'"gt;lt;/divgt;
lt;div data-options"region:'south',title:'South Title'"gt;lt;/divgt;
lt;div data-options"region:'east',title:'East'"gt;lt;/divgt;
lt;div data-options"region:'west',title:'West'"gt;lt;/divgt;
lt;div data-options"region:'center',title:'Center Title'"gt;lt;/divgt;
lt;/bodygt;
使用jQuery EasyUI的datagrid组件
通过以下代码可以创建一个datagrid表格:
lt;table style"width:400px;height:250px" data-options"url:'datagrid_data.json',fitColumns:true,singleSelect:true"gt;
lt;theadgt;
lt;trgt;
lt;th data-options"field:'code',width:100"gt;Codelt;/thgt;
lt;th data-options"field:'name',width:100"gt;Namelt;/thgt;
lt;th data-options"field:'price',width:100,align:'right'"gt;Pricelt;/thgt;
lt;/trgt;
lt;/theadgt;
lt;/tablegt;
使用jQuery EasyUI的form组件
以下是使用form组件进行表单提交和回显数据的示例代码:
以Ajax方式提交表单:
$('form').form('submit', {
url: '',
onSubmit: function(){
// do something before submit
},
success: function(data){
// do something after submit
}
});
回显表单内的数据(用于修改功能):
$('form').form('load', 'data.json');
重置form表单:
$('form').form('reset');
使用jQuery EasyUI的combobox组件
以下是使用combobox组件的基本语法:
url: 获取数据的地址
valueField: value属性的值
textField: text属性的值
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
下一篇
母亲节手作书签的创意