头发浓密似羊毛

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

当我们需要给表格添加一个新的操作列的时候,是怎么通过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;
               }    
            }

效果图如下:

posted on 2019-01-02 10:03  头发浓密似羊毛  阅读(1329)  评论(0编辑  收藏  举报