datagrid通過點擊觸發可編輯框

var $obj;
$(function() {
    $obj = $("#configQueryGrid");
    $obj.datagrid({
        loadMsg : '數據加載中請稍後……',
        url : root + 'esbService/sysConfigQuery.do',
        //url : root + 'js/app/sysManagement/sysConfig.json',
        fitColumns : true,
        autoRowHeight : true,
        pagination : true,
        pagePosition : 'bottom',
        pageSize : 10,
        toolbar: '#configTb',
        pageList : [ 10, 20, 30 ],
        border : false,
        singleSelect:true,
        idField:'id',
        columns : [ [ {
                field : 'id',
                title : 'ID',
                hidden : true
            },{
                field : 'configName',
                title : "標識",
                width : 200,
                editor : 'text',
                sortable : true
            }, {
                field : 'configNameCn',
                title : "名稱",
                editor : 'text',
                width : 200,
                sortable : true
            }, {
                field : 'configType',
                title : "類型",
                editor : 'text',
                width : 200,
                sortable : true
            }, {
                field : 'configValue',
                title : "值",
                editor : 'text',
                width : 200,
                sortable : true
            }, {
                field : 'opt',
                title : "詳情",
                width : 150,
                align : 'center',
                formatter:function(value,row,index){
                    if (row.editing){
                        var s = '<a href="#" class="ope-save" onclick="saverow('+index+',this)">保存</a> ';
                        var c = '<a href="#" class="ope-cancel" onclick="cancelrow('+index+',this)">取消</a>';
                        return s+c;
                    } else {
                        var e = '<a href="#" class="ope-edit" onclick="editrow('+index+',this)">修改</a> ';
                        var d = '<a href="#" class="ope-remove" onclick="deleterow('+index+',this)">刪除</a>';
                        return e+d;
                    }
                }
        } ] ],
        onLoadSuccess : function(data) {

        },
        onBeforeEdit:function(index,row){
            row.editing = true;
            $obj.datagrid('refreshRow', index);
        },
        onAfterEdit:function(index,row){
            row.editing = false;
            $obj.datagrid('refreshRow', index);
        },
        onCancelEdit:function(index,row){
            row.editing = false;
            $obj.datagrid('refreshRow', index);
        }
    });

});

    function selectCurRow(obj){
        var $a = $(obj);
        var $tr = $a.parent().parent().parent();
        var tmpId = $tr.find("td:eq(0)").text();
        $obj.datagrid('selectRecord', tmpId);
    }

    function getIndexAfterDel(){
        var selected = $obj.datagrid('getSelected');
        var index = $obj.datagrid('getRowIndex', selected);
        return index;
    }

    function editrow(index,obj){
        selectCurRow(obj);

        var tmpIndex = getIndexAfterDel();
        $obj.datagrid('beginEdit', tmpIndex);
    }

    function deleterow(index,obj){
        $.messager.confirm('Confirm','確認刪除?',function(r){
            if (r){
                selectCurRow(obj);
                var index = getIndexAfterDel();
                var node = $obj.datagrid('getSelected');
                var id = node.id;
                $.ajax({
                    url : root + 'esbService/removeSysConfig.do?id='+id,
                    type : 'GET',
                    timeout : 60000,
                    success : function(data, textStatus, jqXHR) {
                        var msg = '刪除';
                        if(data == 'pageData') {
                            $obj.datagrid('deleteRow', index);
                            return;
                        }else if (data == "success") {
                            $obj.datagrid('deleteRow', index);
                            //$obj.datagrid('reload');
                            $.messager.alert('提示', msg + '成功！', 'info', function() {
                                //window.location.href = root + 'esbService/initSysConfig.do';
                            });
                        } else {
                            $.messager.alert('提示', msg + '失敗！', 'error', function() {
                                //window.location.href = root + 'esbService/initSysConfig.do';
                            });
                        }
                    }
                });

            }
        });
    }
    function saverow(index,obj){
        selectCurRow(obj);
        var tmpIndex = getIndexAfterDel();
        $obj.datagrid('endEdit', tmpIndex);
        var node = $obj.datagrid('getSelected');
        //var data = JSON.stringify(node);
        var json = {};
        json.id = node.id;
        json.configName = node.configName;
        json.configNameCn = node.configNameCn;
        json.configType   = node.configType;
        json.configValue  = node.configValue;
        $.ajax({
            url : root + 'esbService/editOrSaveSysConfig.do',
            type : 'POST',
            data : json,
            timeout : 60000,
            success : function(data, textStatus, jqXHR) {
                var msg = '';
                if (data == "success") {
                    $.messager.alert('提示', '保存成功！', 'info', function() {
                        $obj.datagrid('refreshRow', tmpIndex);
                    });
                } else{
                    if(data == "illegal"){
                        msg = "請輸入數據！";
                    }else if(data == "duplicate"){
                        msg = "該標識已存在！";
                    }else{
                        msg = "保存失敗！";
                    }
                    $.messager.alert('提示', msg , 'error', function() {
                        $obj.datagrid('beginEdit', tmpIndex);
                    });
                }

            }
        });

    }
    function cancelrow(index,obj){
        selectCurRow(obj);
        var tmpIndex = getIndexAfterDel();
        $obj.datagrid('cancelEdit', tmpIndex);
    }

    function appendRow(){
        $obj.datagrid('appendRow',{
            id: new Date().getTime(),
            configName: '',
            configNameCn: "",
            configType: "",
            configValue:"",
            opt:""
        });

        var length = $obj.datagrid("getRows").length;
        if(length > 0){
            editIndex = length - 1;
        }else{
            editIndex = 0;
        }
        //$obj.datagrid("selectRow", editIndex);
        $obj.datagrid("beginEdit", editIndex);
    }