BootStrap列表实现可编辑cell

第一种方式：  双击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);
}