首页 > 其他 > 详细

如何利用easyui添加新的一列

时间:2019-01-02 11:45:50      阅读:153      评论:0      收藏:0      [点我收藏+]

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

效果图如下:

技术分享图片

如何利用easyui添加新的一列

原文:https://www.cnblogs.com/liyunfeng-deng/p/10207148.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!