在使用jQuery EasyUI的Messager組件時，可以通過以下代碼來創(chuàng)建提示框和確認框： $()('title', 'info message!'); $()('title', 'info

在使用jQuery EasyUI的Messager組件時，可以通過以下代碼來創(chuàng)建提示框和確認框：

$()('title', 'info message!');
$()('title', 'info message?', function(r){
    if (r){
        // exit action
    }
});

使用jQuery EasyUI的layout布局

通過下面的代碼可以實現(xiàn)頁面的布局，包括北部、南部、東部、西部和中心區(qū)域：

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組件

通過以下代碼可以創(chuàng)建一個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組件進行表單提交和回顯數(shù)據(jù)的示例代碼：

以Ajax方式提交表單：

$('form').form('submit', {
    url: '',
    onSubmit: function(){
        // do something before submit
    },
    success: function(data){
        // do something after submit
    }
});

回顯表單內(nèi)的數(shù)據(jù)（用于修改功能）：

$('form').form('load', 'data.json');

重置form表單：

$('form').form('reset');

使用jQuery EasyUI的combobox組件

以下是使用combobox組件的基本語法：

url: 獲取數(shù)據(jù)的地址
valueField: value屬性的值
textField: text屬性的值