datagrid 里面的formatter方法
2024-10-18 00:54:44
A、{field:'station_staus',title:'工位状态',width:250,align:'center',formatter: function(value,row,index){
if (row.station_staus==0){
return "现实";
}
if(row.station_staus==1){
return "虚拟";
}
}},
B、function(value, row, index) {
return "<a href='javascript:void(0)' onclick='edit(\""+row.id+"\")'>修改</a> <a href='javascript:void(0)' onclick='del(\""+row.id+"\")'>删除</a>";} C、可以直接编辑
{field:'22',title:'操作',width:230,align:'center',sortable:true,formatter : function(value, row, index) {
return "<a href='javascript:void(0)' onclick='edit(\""+row.id+"\")'>修改</a> <a href='javascript:void(0)' onclick='del(\""+row.id+"\")'>删除</a>";
}}
] ],
border : false,
striped : true,
fit : true,
rownumbers : true,
pageSize : 20,
fitColumns : true,
ctrlSelect : true,
pagination : true,
remoteSort : false,
toolbar : "#tool",
onAfterEdit: function (rowIndex, rowData, changes) {
//endEdit该方法触发此事件
console.info(rowData);
saveSort(rowData.id,rowData.sort);
editRow = undefined;
},
onDblClickCell: function (rowIndex, rowData) {
//双击开启编辑行
if (editRow != undefined) {
$("#tb").datagrid("endEdit", editRow);
editRow = undefined;
}
if (editRow == undefined) {
$("#tb").datagrid("beginEdit", rowIndex);
editRow = rowIndex;
}
} ,
onClickRow:function(rowIndex,rowData){
if (editRow != undefined) {
$("#tb").datagrid("endEdit", editRow); }
}
});
}); } D、 列表栏区域变色 {field:'state',title:'状态',width:100,align:'center',sortable:true,formatter : function(value, row, index) {
if (row.state == "1") {
return "<span style='color:red'>已回访</span>";
}else{
return "<span style='color:green'>未回访</span>";
}
}},
最新文章
- VC++ 实现VC程序启动时最小化到任务栏(完美解决闪烁问题)
- C#中字符串的操作
- EmguCV 简单图形绘制
- ios 打包
- IE中Keep-Alive机制引起的错误
- UITableViewCell左滑的时候添加多个按钮的方法(iOS8+)以及UIRefreshControl(iOS6+)的使用。
- MediaProvider 数据库Audio相关表格相应关系
- .net(全局文件,错误页,静态页,IIS配置及防黑)
- ID3决策树预测的java实现
- git>;>;>;>;1
- 修改Linux的编码集
- Debian install Python3.7
- 解决:angularjs radio默认选中失效问题
- HDU2066(SPFA+前向星)
- maven assembly plugin使用
- odoo之自动生成编号问题
- C#基础第七天-作业-利用面向对象的思想去实现名片-动态添加
- java web 过滤器跟拦截器的区别和使用
- java web 中的WEB-INF文件夹
- [hadoop]mapreduce原理简述