2016 - 2024

感恩一路有你

使用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属性的值

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。