TreeGrid插件简练了解使用

最新推荐文章于 2024-04-16 09:48:21 发布

java不归路

最新推荐文章于 2024-04-16 09:48:21 发布

阅读量370

点赞数

分类专栏： 11 文章标签：前端

本文链接：https://blog.csdn.net/weixin_45924650/article/details/106031569

版权

本文简要介绍了TreeGrid插件的用途和基础配置，特别强调了 columns 配置项的作用，用于定义列的展示和数据绑定。通过示例展示了如何初始化并填充数据到TreeGrid中。同时，详细阐述了在TreeGrid中删除一行数据的步骤，包括获取选中项、确认删除和执行AJAX请求的过程。建议读者在实践中结合官方文档深入学习。

摘要由CSDN通过智能技术生成

这是TreeGrid插件的简单实用不足之处,请各位大佬指正。

TreeGrid插件是生成带层级列表的，可折叠的菜单列表，columns是插件指定的配置每一列展示格式，及使用的数据字段名称的配置项，以js对象数组的形式存在，数组中每一个js对象，是对一列进行配置。—这句话的意思就是对表的设计

/**
 * 初始化表格的列
 */
var columns = [
{
   
    field : 'selectItem',
    radio : true
},
{
   
    title : '菜单ID',
    field : 'id',
    align : 'center',
    valign : 'middle',
    width : '130px'
},
{
   
    title : '菜单名称',
    field : 'name',
    align : 'center',
    valign : 'middle',
    width : '80px'
},
{
   
    title : '上级菜单',
    field : 'parentName',
    align : 'center',
    valign : 'middle',
    sortable : true,
    width : '100px'
},
{
   
    title