如何利用easyui添加新的一列

Posted 2021-01-31 liyunfeng-deng

当我们需要给表格添加一个新的操作列的时候，是怎么通过easyui的列属性来实现的呢？

在easyui的datagrid数据网格中，我们可以设置一个带有自定义行和列的表格来显示我们的后台数据，这里要添加一个新的列就要用到给定的列的属性：field，title，formatter

问题一：先添加新的一列；代码如下：

{field:‘op12‘,title:‘操作‘,width:200,

然后根据formatter属性设置列的单元格内容：

• formatter: function(value,row,index){
• if (row.user){
• return row.user.name;
• } else {
• return value;
• }
• }

问题二：怎么在一行单元格内添加不同的操作：利用字符串的拼接

添加新的一列的整个代码如下：

{field:‘op12‘,title:‘操作‘,width:200,
               formatter:function(value,row,index){
                   var str="";
                   var update="<button name="update"><a href="#">添加家庭成员</a></button>";
                   var login="<button name="update"><a href="#">房产登记</a></button>";
                   str=update+" "+login
                   return str;
               }    
            }

效果图如下：