Question

datagrid 什么时候调用onloaderror

Answer 1

从现有表创建数据表格元素,定义列、行和数据在html中。
[html] 预览复制print?
<table class="<a title="EasyUI" href="https://wuzhuti.cn/tag/easyui/">EasyUI</a>-datagrid">

<thead>
<tr>
<th data-options="field:'code'">Code</th>

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

<th data-options="field:'price'">Price</th>
</tr>
</thead>

<tbody>
<tr>
<td>001</td>

<td>name1</td>

<td>2323</td>
</tr>

<tr>
<td>002</td>

<td>name2</td>

<td>4612</td>
</tr>
</tbody>

</table>
<table class="EasyUI-datagrid">< thead>< tr>< th data-options="field:'code'">Code</th>< th data-options="field:'name'">Name</th>< th data-options="field:'price'">Price</th>< /tr>< /thead>< tbody>< tr>< td>001</td>< td>name1</td>< td>2323</td>< /tr>< tr>< td>002</td>< td>name2</td>< td>4612</td>< /tr>< /tbody>< /table>

通过<table>创建数据表格标记。嵌套的< th >标记定义列的表。
[html] 预览复制print?
<table class="easyui-datagrid" 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>
<table class="easyui-datagrid" 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>

创建数据表格使用javascript也是允许的。
[js] 预览复制print?
<table id="dg"></table>

$('#dg').datagrid({
url:'datagrid_data.json',

columns:[[
{field:'code',title:'Code',width:100},

{field:'name',title:'Name',width:100},

{field:'price',title:'Price',width:100,align:'right'}
]]
});
<table id="dg"></table> $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] });

查询数据和一些参数。
[js] 预览复制print?
$('#dg').datagrid('load', {
name: 'easyui',

address: 'ho'
});
$('#dg').datagrid('load', { name: 'easyui', address: 'ho' });

改变数据到服务器后,刷新前的数据。
[js] 预览复制print?
$('#dg').datagrid('reload'); // 刷新当前页数据
$('#dg').datagrid('reload'); // 刷新当前页数据
DataGrid属性
属性扩展从panel。下面是添加属性数据表格。