easyui treegrid js—代码示例

EasyUI TreeGrid是一个基于jQuery的网页代码插件，用于创建可展开的树形表格。它可以在一个表格中展示树形结构的数据，并支持展开、折叠、排序、编辑等功能。下面是一个使用EasyUI TreeGrid的示例代码：

// 创建一个TreeGrid
$('#treegrid').treegrid({
    url: 'data.json',  // 数据源的URL
    idField: 'id',  // 数据项的ID字段
    treeField: 'name',  // 树形结构的字段
    columns: [[
        {field: 'name', title: '名称', width: 200},
        {field: 'size', title: '大小', width: 100},
        {field: 'type', title: '类型', width: 100}
    ]],
    onLoadSuccess: function(row, data) {
        // 数据加载成功后的回调函数
        console.log('数据加载成功！');
    },
    onClickRow: function(row) {
        // 单击行的回调函数
        console.log('点击了行：' + row.name);
    }
});

在上面的示例代码中，我们首先使用`$('#treegrid')`选择器选中一个HTML元素，然后调用`treegrid`方法来创建一个TreeGrid。在`treegrid`方法的参数中，我们指定了数据源的URL、数据项的ID字段、树形结构的字段以及表格的列信息。我们还可以通过一些回调函数来处理数据加载成功和行点击事件。

通过上述示例代码，我们可以创建一个具有树形结构的表格，并在数据加载成功和行点击事件时执行相应的操作。