jQWidgets jqxTreeGrid checkboxes 属性

介绍

jQWidgets jqxTreeGrid 是一个面向企业级应用的JavaScript表格组件，它具有强大的功能和灵活的配置选项。其中的 checkboxes 属性可以实现在树状表格的每一行前添加复选框的功能，便于用户进行多选操作。

示例

<div id="treeGrid"></div>

// 数据源
var source = {
  dataType: "json",
  dataFields: [
    { name: "id", type: "number" },
    { name: "name", type: "string" },
    { name: "parentid", type: "number" }
  ],
  hierarchicalData: true,
  id: "id",
  localData: [
    { id: 1, name: "地球", parentid: null },
    { id: 2, name: "亚洲", parentid: 1 },
    { id: 3, name: "欧洲", parentid: 1 },
    { id: 4, name: "中国", parentid: 2 },
    { id: 5, name: "日本", parentid: 2 },
    { id: 6, name: "德国", parentid: 3 },
    { id: 7, name: "法国", parentid: 3 },
  ]
};

// 数据适配器
var dataAdapter = new $.jqx.dataAdapter(source);

// jqxTreeGrid 实例
$("#treeGrid").jqxTreeGrid({
  width: "100%",
  source: dataAdapter,
  pageable: true,
  pageSize: 5,
  columns: [
    { text: "名称", dataField: "name", minWidth: 200 },
    { text: "标识", dataField: "id", hidden: true }
  ],
  checkboxes: true
});

参数

checkboxes

• 类型：Boolean
• 默认值：false
• 描述：是否在每一行前添加复选框。

效果