zoukankan      html  css  js  c++  java
  • easyui datagrid自己定义操作列

    通过formatter方法给Jquery easyui 的datagrid 每行添加操作链接

    我们都知道Jquery的EasyUI的datagrid能够加入而且自己定义Toolbar。

    这样我们选择一行然后选择toolbar的对应button就能够对这行的数据进行操作。

    但实际项目里我们可能须要在每行后面加一些操作链接。比方“改动”、“删除”、“查看”之类。例如以下图:

    第一步,须要在datagrid行里加入一列,fieid指向id(fieid:'id'),

    然后对这列进行格式化处理(formater:格式化函数),例如以下:

    <th data-options="field:'ID',60,align:'center',formatter:formatOper">操作</th>

    第二步,formatter的格式化函数有3个參数。各自是:

    value:字段的值,也就是fidid:'id'.

    rowData:行数据,就是一行的JSON数据.

    rowIndex:行索引,当前行的Index.

    所以须要一个formatOper函数,仅仅做一个简单的返回

    <script type="text/javascript">
    	function formatOper(val,row,index){  
    	    return '<a href="'+row["ID"]+'">改动</a>';  
    	} 
    </script>




  • 相关阅读:
    查看kafka版本号
    This service allows sftp connections only. 解法
    raid5和raid10的异同
    mpstat命令
    力扣 2020.06.27
    力扣 2020.06.22
    windows10 LTSC 2019 激活
    shell 不等式的表示方法
    C#后台判断一个网站的有效性代码
    C#去除DataTable中的重复数值
  • 原文地址:https://www.cnblogs.com/lytwajue/p/7222458.html
Copyright © 2011-2022 走看看