easyUI之datagrid数据表格中添加操作列
2018-01-17 14:32
274 查看
formatter,easyui的一个格式化函数,可以实例化数据表格列。
具体事例:
具体代码:
datagrid表格中的一列的代码:
[html] view
plain copy
print?
<th data-options="field:'id',width:100,formatter: rowformater">绑定考生</th>
对应的JS的代码:
[html] view
plain copy
print?
@*点击超链接触发的事件+李芬*@
<script type="text/javascript">
//查看详情
function rowformater(value, row, index) {
return "<a href='/AddStudent/AddStudent?ExamPlaceID" + row.ExamPlaceID + "' target='_blank'>绑定考生</a>";
}
其中函数对应的三个参数,分别是value、row、index。
value:对应字段当前列的值
row:当前行的所有的值
index:一个标识,是从零开始的
基础性的代码,多多积累。
具体事例:
具体代码:
datagrid表格中的一列的代码:
[html] view
plain copy
print?
<th data-options="field:'id',width:100,formatter: rowformater">绑定考生</th>
对应的JS的代码:
[html] view
plain copy
print?
@*点击超链接触发的事件+李芬*@
<script type="text/javascript">
//查看详情
function rowformater(value, row, index) {
return "<a href='/AddStudent/AddStudent?ExamPlaceID" + row.ExamPlaceID + "' target='_blank'>绑定考生</a>";
}
其中函数对应的三个参数,分别是value、row、index。
value:对应字段当前列的值
row:当前行的所有的值
index:一个标识,是从零开始的
基础性的代码,多多积累。
相关文章推荐
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI的datagrid每行数据添加操作按钮的方法
- EasyUI的DataGrid每行数据添加操作按钮的实现代码
- easyUI datagrid每行数据添加操作按钮的方法(实现方式二)
- easyui datagrid 每条数据后添加操作按钮
- easyui tree datagrid动态添加表头和表格数据,动态弹出框,修改和删除按钮
- jQuery扩展easyui.datagrid,添加数据loading遮罩效果代码
- easyui datagrid数据表格(一)
- 扩展easyui.datagrid,添加数据loading遮罩效果代码 --来自网摘收集
- easyUI 数据表格-datagrid
- 扩展easyui.datagrid,添加数据loading遮罩效果代码
- Easyui datagrid 动态添加数据
- 扩展easyui.datagrid,添加数据loading遮罩
- 扩展easyui.datagrid,添加数据loading遮罩效果代码
- EasyUI datagrid 动态加载表格数据的方式
- js表格中的DOM操作,隔行变色和添加、删除某一行,搜索数据
- struts2将数据通过Json格式显示于EasyUI-datagrid数据表格
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)