nui自定义Datagrid加载

使用nui的datagrid标签，但不使用标签自带的load的加载方式，如何加载数据，并使标签能够正常使用

示例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>DataGrid 数据表格</title>

</head>

<body>

<h1>Client Pagination 客户端分页</h1>

<div style="width:600px;height:280px;" idField="id" pageSize="10" multiSelect="true"

>

</div>

</body>

</html>

mini.parse();

var grid = mini.get("datagrid1");

// 分页填充细节处理

function fillData(pageIndex, pageSize, dataResult, grid) {

var data = dataResult.data, totalCount = dataResult.total;

var arr = [];

var start = pageIndex * pageSize, end = start + pageSize;

for (var i = start, l = end; i < l; i++)

var record = data[i]; if (!record) continue; arr.push(record);

grid.setTotalCount(totalCount);

grid.setPageIndex(pageIndex);

grid.setPageSize(pageSize);

grid.setData(arr);

}

// 监听分页前事件，阻止后自行设置当前数据和分页信息

grid.on("beforeload", function (e)

e.cancel = true;\ var pageIndex = e.data.pageIndex, pageSize = e.data.pageSize; fillData(pageIndex, pageSize, dataResult, grid);

);

////////////////////////////////////////////////////////////////////////

// 获取所有数据和总记录数

total

var dataResult = null;

$.ajax({

url: 'data.txt',

dataType: 'text',

async: false,

success: function (text)

dataResult = mini.decode(text);

});

// 第一次设置

fillData(0, grid.getPageSize(), dataResult, grid);

</script>