在datagrid中如何添加按钮及toolbar的应用

其实，我们有时候在使用datagrid的时候，更多的时候我们是希望在数据后面有一个按钮，更利于我们操作，就想这样。

其实做到这样不难，今天进给大家介绍一个如何在datagrid上添加按钮，以及注意事项。

首先我们知道，这个按钮也是在columns中的，就像这样

, {
    title: "出生日期",
    field: 'bornDate',
    width: 100,
}, {
    title: "入职日期",
    field: 'comeDate',
    width: 100,
},

正常我们写字段的时候，是这样写的其实field对应的是实体类中的。

那么我们要在最后一个加上按钮

{
    title: "文件下载",
    field: 'file',
    width: 100,
    formatter:function(value,row,index){
        //value是这里的值 比如是返回的file对应的值，返回一条数据 name:123 file：456 那这里的file就是456
        //row是整行的数据你可以通过row.title取到标题
        //index返回的是本条数据的下标
        //这里的formatter是一个函数，formatter属性可以帮助我们更加灵活的显示页面上的数据。这也是一种需求，显示不同的按钮
        比如：我们我们可以在里面做判断
        /*if(value==0){
              return "<a href='#'>启动</a>";
          }else{
          return "<a href='#'>禁用</a>";
          }
       */
        return "<a href='#'>修改</a>";//"<button>修改</button>";
}

这样的话就会返回一个超链接给你或者定义按钮也行。

}