第一种方式: 双击cell,实现编辑cell;
onDblClickCell : function(field,value,row,$element) {
var upIndex = $element[0].parentElement.rowIndex -1;
if(field == 'actual_goods_weight'){
$element[0].innerHTML="<input id='inputCell' type='text' name='inputCell' style ='width: 40px' value='"+value+"'>";
$("#inputCell").focus();
$("#inputCell").blur(function(){
var newValue = $("#inputCell").val();
row[field] = newValue;
$(this).remove();
console.log(row.id);
console.log(field);
console.log(newValue);
updateExbEnt(row.id,newValue);
});
}
}
function updateExbEnt(id,newValue) {
$.ajax({
type: "POST",
url: "updateExbEnt.do",
data: {
id:id,
value:newValue
},
dataType: "json",
success: function(result){
/*console.log(result);
$.alert({
title: '提示',
content: result.msg,
confirmButtonClass: 'btn-info',
confirmButton: "确认"
});*/
queryList();
}
});
}
第二种方式: 输入框,后面带按钮;
{
field : 'actual_goods_weight',
title : '实际采购数量',
align : 'center',
valign : 'middle',
editable : {
type : 'text',//数据显示在文本框内
},
formatter : function(value, row, index) {
return "<input type='text' name='pla_result' id='"+index+'pla_result'+"' value='"+row.actual_goods_weight+"'>";
}
},{
title : '操作',align : 'center',valign : 'middle',
formatter : function(value, row, index) {
return "<button type='button' class='btn btn-success' onclick='updateresult("+row.id+','+index+")'>确认采购</button>";
}
}
function updateresult(id,index){
var pla_result=$('#'+index+'pla_result').val();
console.log(id);
console.log(pla_result);
}
BootStrap列表实现可编辑cell
猜你喜欢
转载自blog.csdn.net/qq_37924509/article/details/104464756
今日推荐
周排行