📜  jQWidgets jqxGrid render() 方法(1)

📅  最后修改于: 2023-12-03 15:16:54.362000             🧑  作者: Mango

jQWidgets jqxGrid render() 方法

简介

jQWidgets jqxGrid render() 方法是一个用于刷新并重绘Grid组件的方法。当Grid数据源发生变化时,可以使用该方法来更新Grid中的数据。同时,该方法也是一个可用于进行Grid初始化的方法。

render() 方法语法
$('#jqxgrid').jqxGrid('render');

其中,'#jqxgrid'是Grid组件的ID。

render() 方法使用案例
// 初始化Grid
$('#jqxgrid').jqxGrid({
  source: myDataAdapter,  // 数据源
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '姓名', dataField: 'name', width: 150 },
    { text: '年龄', dataField: 'age', width: 100 }
  ]
});

// 修改Grid数据源
myDataAdapter.data[0].name = '小王';
myDataAdapter.data[1].age = 28;

// 刷新Grid
$('#jqxgrid').jqxGrid('render');

在上述代码中,我们首先初始化了一个Grid组件,并设置了数据源和列信息。接着,我们对数据源进行了修改。最后,我们调用了render() 方法来刷新Grid,使其显示最新的数据。

render() 方法返回值

render() 方法没有返回值。

总结

jQWidgets jqxGrid render() 方法是一个用于刷新并重绘Grid组件的方法。它可以用于更新Grid中的数据,同时也是一个可用于进行Grid初始化的方法。对于需要更新Grid数据的场景,render() 方法是一个非常有用的工具。