jQWidgets jqxTreeGrid virtualModeCreateRecords属性

以下是关于 jQWidgets jqxTreeGrid 组件中 virtualModeCreateRecords 属性的详细攻略。

jQWidgets jqxTreeGrid virtualModeCreateRecords 属性

jQWidgets jqxTreeGrid 的 virtualModeCreateRecords 属性用于指定在虚拟模式下创建记录的函数。使用此属性来自定义如何创建记录，以便在需要时执行其他操作。

语法

$('#treegrid').jqxTreeGrid({
  virtualModeCreateRecords: function (expandedRecord, done) {
    // 创建记录的代码
  }
});

参数

• expandedRecord：已展开的记录。
• done：回调函数，用于指示记录创建完成。

示例

以下两个示例演示了如何使用 virtualModeCreateRecords 属性。

示例 1

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  virtualMode: true,
  virtualModeCreateRecords: function (expandedRecord, done) {
    // 创建记录的代码
    var records = [];

    // 创建子记录
    for (var i = 0; i < 10; i++) {
      var record = {
        id: expandedRecord.id + '_' + i,
        name: '子记录' + i,
        price: Math.floor(Math.random() * 100)
      };
      records.push(record);
    }

    // 回调函数
    done(records);
  },
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ]
});

在示例 1 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, virtualMode: true, virtualModeCreateRecords: [...] } 设置了组件的宽度、高度、虚拟模式和虚拟模式下创建记录的函数。然后，我们在 virtualModeCreateRecords 函数中创建子记录，并使用 done() 回调函数指示记录创建完成。

示例 2

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  virtualMode: true,
  virtualModeCreateRecords: function (expandedRecord, done) {
    // 创建记录的代码
    var records = [];

    // 创建子记录
    for (var i = 0; i < 5; i++) {
      var record = {
        id: expandedRecord.id + '_' + i,
        name: '子记录' + i,
        price: Math.floor(Math.random() * 100)
      };
      records.push(record);
    }

    // 回调函数
    done(records);
  },
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ]
});

在示例 2 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, virtualMode: true, virtualModeCreateRecords: [...] } 设置了组件的宽度、高度、虚拟模式和虚拟模式下创建记录的函数。然后，我们在 virtualModeCreateRecords 函数中创建子记录，并使用 done() 回调函数指示记录创建完成。

总之，virtualModeCreateRecords 属性可以让您轻松地自定义如何创建记录，以便在需要时执行其他操作。