SMART datagrid v.1 > Examples

Back  Forward

Lazy Data Loading  Example

1. 滚动至最后一行时,加载下一个数据。

当用户使用鼠标或键盘,滚动显示网格的最后一行时,将会触发GridBase.onScrollToBottom事件。 可以在这个事件处理器中,加载数据行并将其添加到数据组。 

Grid - 1
rows
Code -1
    grid.onScrollToBottom = function (grid) {
        $.ajax({
            url: "/data/orders.json",
            success: function (data) {
                DataLudi.loadJsonData(ds, data, {
                    fillMode: "append"
                });
            },
            ...
        });
    }
2. 隔一段时间进行加载。

如果是已知需要加载的所有行的数量的情况,则可以通过调用GridDataSet.setRowCount并预先指定数据组的行的数量。 数据组的各个行是不包含实际值、而只占据位置的状态,而网格则是添加和显示实际行的方式。 

可以通过数据组的hasData方法,确认特定的行中是否含有实际数据。 

下列例题中,预先设置所有行的数量为10,000,并且每隔1秒,加载1000个行并更新在相关位置上。 

 

Grid - 2
rows

查看源代码 JSP 

See Also
GridBase.onScrollToBottom
GridDataSet.setRowCount
DataSet.hasData
loadJsonData
DataLoader.load
GridDataSet
GridView
Examples
加载CSV数据
加载JSON数据
加载XML数据