net中使用easyui，怎样在列中添加自定义列

在列上添加editor属性

{ field: 'id', title: '时间', width: 100, align: 'left', halign: 'center',

editor: {

type: 'datebox',

options: {

}

}

}

idField这个就像列表数据中的主键意思，一般绑定的是唯一键字段

使用场景：

当修改一条数据后，关闭对话框后，列表刷新后重新选择刚修改的数据。

思路是：

1、datagrid的idField绑定orderId（唯一键）

2、选中修改数据，获取选中行的orderId，记录

3、提交保存，关闭对话框，刷新列表。在datagrid的onLoadSuccess函数中调用$(dg).datagrid('selectRecord', '选中行的orderId')

<table id="table_sitelinklist"></table>

<script type="text/javascript">

    var tb = $("#table_sitelinklist")

    tb.datagrid({

        url: '/Manage/SiteLinkList/',

        border:false,

        fit: true,

        //singleSelect:true,

        pagination: true,

        pagePosition:'top',

        nowrap: true,

        striped: true,

        pageList: [5,10, 15, 20, 25],

        pageSize: 20,

        pageNumber:@(ViewBag.page),

        idField:"ID",

        //queryParams: { status: _status },

        columns: [[

        { checkbox: true },

        { field: 'ID', hidden: true},

        { field: 'Name', title: '链接站点名称', width: 200, sortable: true,

            formatter: function (value, rec) {

                return "<a href='javascript:void(0)' title='点击编辑此链接信息' class='_sitelink_" + rec.ID + "'>" + value + "</a>"

            }

        },

        { field: 'URL', title: '链接地址', width: 340, sortable: true },

        { field: 'Type', title: '分类', width: 120, sortable: true },

        { field: 'SName', title: '简称', width: 120, sortable: true },

        { field: 'ShowOrder', title: '显示顺序', width: 120, sortable: true }

        ]],

        onLoadSuccess: function () { AddEditable("sitelink","/Manage/SiteLinkEdit/") }

    })

    var btns=[

                 { iconCls: 'icon-edit',text: '添加', handler: function () { AddNewObject("添加新链接","/Manage/SiteLinkEdit/?operation=1")} },

                 { iconCls: 'icon-myrealdel',text: '删除', handler: function () { SendModifyRequest("del","删除","table_sitelinklist","/Manage/SiteLinkListModify") } }

                ]

    tb.datagrid('getPager').pagination({buttons:btns})

</script>

给个示例代码给你吧。

说明一下，这个示例代码中，可以通过点击某一行的链接名称进行编辑，每一行的前面有选择框，可以选择多个。将分页工具栏放到了表格顶端，并添加了两个按钮(添加、删除)，删除功能支持批量 *** 作。AddEditable、AddNewObject、SendModifyRequest是自定义的js function，这里并没有附上。

---