首页 > 代码库 > easyui datagrid自己定义操作列
easyui datagrid自己定义操作列
通过formatter方法给Jquery easyui 的datagrid 每行添加操作链接
我们都知道Jquery的EasyUI的datagrid能够加入而且自己定义Toolbar。
这样我们选择一行然后选择toolbar的对应button就能够对这行的数据进行操作。
但实际项目里我们可能须要在每行后面加一些操作链接。比方“改动”、“删除”、“查看”之类。例如以下图:
第一步,须要在datagrid行里加入一列,fieid指向id(fieid:‘id‘),
然后对这列进行格式化处理(formater:格式化函数),例如以下:
<th data-options="field:‘ID‘,width: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=http://www.mamicode.com/"‘+row["ID"]+‘">改动‘; >
easyui datagrid自己定义操作列
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。