easyui数据表格(daagird)rows参数
时间: 2024-01-10 07:04:58 浏览: 80
easyui表格
4星 · 用户满意度95%
easyui数据表格(datagrid)的rows参数是一个数组,用于存储要显示的数据行。每个数组元素都是一个JavaScript对象,该对象的属性名要与easyui数据表格(datagrid)的columns参数中的field属性对应。例如,如果列定义中有一个名为“name”的列,则rows数组中的每个元素都必须有一个名为“name”的属性,其值为该行的名称数据。举个例子,以下是一个包含三行数据的rows数组:
```
var rows = [
{id:1, name:'John', age:30},
{id:2, name:'Peter', age:35},
{id:3, name:'Mary', age:28}
];
```
其中,每个元素都表示一行数据,包含id、name和age三个属性。这个rows数组可以用来初始化一个easyui数据表格(datagrid),代码如下:
```
$('#dg').datagrid({
columns:[[
{field:'id', title:'ID', width:50},
{field:'name', title:'Name', width:100},
{field:'age', title:'Age', width:50}
]],
rows:rows
});
```
以上代码中,datagrid的columns参数定义了三列,rows参数指定了要显示的数据行。当easyui数据表格(datagrid)初始化完成后,它将显示三行数据,每行数据包含id、name和age三个属性。
阅读全文