四时宝库

$('#dg').datagrid({
    url: '${request.contextPath}/xxxxxx',
    rownumbers: true,
    singleSelect: true,
    striped: true,
    loadMsg: "数据加载中请稍候",
    columns: [[
        {
            field: 'field1', title: '字段1', width: '550px',
            editor: {
                type: 'textbox',
                options: {
                    valueField: 'problem',
                    required: true,
                    validType: 'length[1,150]'
                }
            }
        }, {
            field: 'field2', title: '字段2', width: '550px',
            editor: {
                type: 'textbox',
                options: {
                    valueField: 'progress',
                    required: true,
                    validType: 'length[1,150]'
                }
            }
        }, {
            field: 'id', title: '操作', width: '45px',
            formatter: function (value, row, index) {
                var btn = "<a href='javascript:void(0);' onclick='del(" + index + ")'>删除</a>";
                return btn;
            }
        }
    ]],
    onClickRow: onClickRow
});

var editIndex = undefined;

function endEditing() {
    if (editIndex == undefined) {
        return true
    }
    if ($('#dg').datagrid('validateRow', editIndex)) {
        $('#dg').datagrid('endEdit', editIndex);
        editIndex = undefined;
        return true;
    } else {
        return false;
    }
}

function onClickRow(index) {
    if (editIndex != index) {
        if (endEditing()) {
            $('#dg').datagrid('selectRow', index)
                    .datagrid('beginEdit', index);
            editIndex = index;
        } else {
            $('#dg').datagrid('selectRow', editIndex);
        }
    }
}