在datagrid上方添加按钮

最新推荐文章于 2024-09-19 15:57:45 发布

LJW_有梦想的鲨鱼

最新推荐文章于 2024-09-19 15:57:45 发布

阅读量2.2k

点赞数 1

本文链接：https://blog.csdn.net/CSDN19970806/article/details/81092539

版权

首先看一下效果图看看是不是大家想要的效果

上方的添加、删除、修改等按钮都是为了业务需求加上去的。那么给大家介绍一下如何去使用这些组件。其实这些按钮都属于toolbar里面的。这些toolbar记得要写在你的columns后面，toolbar也是datagrid中的属性，官方上面并没有介绍，只不过它确定是存在的，这个不用惊奇。

{
    title:"编辑",
    field:'id1',
    width:100,
    formatter:function (value,row) {
        return "<a href='#' onclick='updateDepartment("+row.id+")'>修改</a>";
    },
}]],toolbar:[{
    text:'增加',
    iconCls:'icon-add',
    handler:function () {
        //点击按钮之后要做的事情
    }
}

上方的编辑纯属是想告诉大家，这个toolbar不是写在columns中的。