jquery EasyUI 可编辑 表格

 var datas = {total:6,rows:[ 
{id:1,content:'内容1'},
{id:2,content:'内容2'},
{id:3,content:'内容3'},
{id:4,content:'内容4'},
{id:5,content:'内容5'},
{id:6,content:'内容6'}
]};

<!-------------------处理结果表格-------------------------->
var editcount = 0;

$('#process').datagrid({
title:'处理结果选项设置',
width:600,
height:'auto',
singleSelect:true,
columns:[[
{field:'no',title:'编号',width:100,
formatter:function(value, rowData, index){
return index+1;
}
},
{field:'content',title:'名称',width:394,editor:'text'},
{field:'id',title:'操作',width:100,align:'id',
formatter:function(value,row,index){
if (row.editing){
var s = '<a href="#" onclick="saverow('+index+')">保存</a>   ';
var c = '<a href="#" onclick="cancelrow('+index+')">取消</a>';
return s+c;
} else {
var e = '<a href="#" onclick="editrow('+index+')">编辑</a>   ';
var d = '<a href="#" onclick="deleterow('+index+')">删除</a>';
return e+d;
}
}
}
]],
onBeforeEdit:function(index,row){
row.editing = true;
$('#process').datagrid('refreshRow', index);
editcount++;
},
onAfterEdit:function(index,row){
row.editing = false;
$('#process').datagrid('refreshRow', index);
editcount--;
},
onCancelEdit:function(index,row){
row.editing = false;
$('#process').datagrid('refreshRow', index);
editcount--;
}
}).datagrid('loadData',datas).datagrid('acceptChanges');
});
function editrow(index){
$('#process').datagrid('beginEdit', index);

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值