jquery easyui 在线表格增加，修改，删除，保存怎么做，求高手，急急急急急急急急急

新增： (M)appendRow : (A)row{"name":"xiaoming",age:"18" }删除:(M)deleteRow:(A)rowIndex(1)修改：(M) beginEdit，endEdit(这里在OnclickCell事件中调用)M是方让颤唤法，A是参数

保存数据库中，新增在appendRow之后，调用洞喊业务。删除在deleteRow之后，调用业务。修改在OnAfterEdit中，调用业务。

（代码自坦凯己写）

<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，这里并没有附上。

为jQuery-easyui 树添加，删除，修改树的节点，可能有人会说 *** 作完成以后刷新一下不就可以了吗。这种做法是可以，但是如果你的数据备渣有很多，超过几万条。 *** 作完成后在刷新会很慢，效率不高。我们这里要讨论如何在不刷新的情况下外树添加，修改，删除节点。

首先在主页面添加几个方法：

[javascript] view plain copy

function removeRole(){

var node = $("#tt22").tree("getSelected")

$('#tt22').tree('remove', node.target)

}

function appendRole(leafText) {

var root = $("#tt22").tree('getRoot')

$("#tt22").tree("append",{

parent: root.target,

data: [{

"text":leafText

}]

})

}

function updateRole(nodeText) {

var node = $("#tt22").tree("getSelected")

if(node) {

node.text = nodeText

$("#tt22").tree("update", node)

}

}

然后在 *** 作的时候，比如我添加一个角色，在action中添加三个变量： name：角色名称 operate：对应的 *** 作 role_id：角色Id

[java] view plain copy

request.setAttribute("roleName", roleName)

request.setAttribute("operate", operate)

request.setAttribute("role_id", role_id)

然后在角色页面调用主页面定义的三个方法即可：

[javascript] view plain copy

$(function() {

var upd_flg = "${upd_flg}"

var add_role_id = "${add_role_id}"

var add_role_name = "${add_role_name}"

if((upd_flg == null) || (upd_flg == "")) {

return

}

var leafText = "皮笑<a href=\"<%=path%>/admin/roleListOnload.do?role_id="

leafText = leafText + add_role_id

leafText = leafText + "\""

leafText = leafText + " target=\"content_frame\">"

leafText = leafText + add_role_name

leafText = leafText + "</仿握悄a>"

if(upd_flg == "1") {

//新增

self.parent.appendRole(leafText)

return

}

if(upd_flg == "2") {

//修改

self.parent.updateRole(leafText)

return

}

if(upd_flg=="3"){

//删除

self.parent.removeRole()

return

}

})

---