<script type="text/javascript">
        $(function () {
            $(‘#tt‘).datagrid({
                iconCls: ‘icon-edit‘,
                method: ‘post‘,
                pagination: true,
                rownumbers: true,
                pageSize: 10,
                pageList: [5, 10, 15, 20],
                singleSelect: true,
                idField: ‘HHID‘,
                url: ‘/admin/admin/JsonBianming‘,
                columns: [[
                    { field: ‘HHID‘, title: ‘编号‘, width: 100 },
                    { field: ‘HHTitle‘, title: ‘标题‘, width: 100 },
                    { field: ‘HHUrl‘, title: ‘Url‘, width: 300,editor:{ 
                        type:‘validatebox‘, 
                        options:{ 
                            validType: ‘url‘
                        } 
                    }  },

                    {
                        field: ‘action‘, title: ‘操作‘, width: 70, align: ‘center‘,
                        formatter: function (value, row, index) {
                            if (row.editing) {
                                var s = ‘<a href="javascript:void(0)" onclick="saverow(‘ + index + ‘)">保存</a> ‘;
                                var c = ‘<a href="javascript:void(0)" onclick="cancelrow(‘ + index + ‘)">取消</a>‘;
                                return s + c;
                            } else {
                                var e = ‘<a href="javascript:void(0)" onclick="editrow(‘ + index + ‘)">编辑</a> ‘;
                                var d = ‘<a href="javascript:void(0)" onclick="deleterow(‘ + index + ‘)">删除</a>‘;
                                return e + d;
                            }
                        }
                    },
                ]],
                onBeforeEdit: function (index, row) {
                    row.editing = true;
                    $(‘#tt‘).datagrid(‘refreshRow‘, index);
                },
                onAfterEdit: function (index, row) {
                    row.editing = false;
                    $(‘#tt‘).datagrid(‘refreshRow‘, index);
                },
                onCancelEdit: function (index, row) {
                    row.editing = false;
                    $(‘#tt‘).datagrid(‘refreshRow‘, index);
                }
            });
        })
        //修改
        function editrow(index) {
            $(‘#tt‘).datagrid(‘beginEdit‘, index);
        }
        //删除
        function deleterow(index) {
            $.messager.confirm(‘Confirm‘, ‘确定要删除这条吗?‘, function (r) {
                if (r) {
                    $(‘#tt‘).datagrid(‘deleteRow‘, index);
                }
            });
        }
        //保存
        function saverow(index_) {
            $(‘#tt‘).datagrid(‘endEdit‘, index_);
            //取修改过的行集合
            var rows = $(‘#tt‘).datagrid(‘getChanges‘);
            //alert(rows[0].HHUrl);     //rows[0].HHUrl 取修改后内容
        }
        //取消修改
        function cancelrow(index) {
            $(‘#tt‘).datagrid(‘cancelEdit‘, index);
        }
    </script>

<table id="tt"></table>