easyui treegrid 更新行数据

var selected = $("#tgCA").datagrid('getSelected');

                                        //id此处应该是idField即AreaPackId
                                        $('#tgCA').treegrid('update', {
                                            id: selected.AreaPackId,
                                            row: {
                                                Name: $("#CAAddName").val(),
                                                Map:"Map"
                                            }

                                        });

 <table id="tgCA" class="easyui-treegrid" title="Area Pack List
        <span style='color:blue'>(Right Click can operate)</span>" style=""
        data-options="
        fit:true,
        iconCls: 'icon-ok',
        rownumbers: true,
        animate: true,
        collapsible: true,
        fitColumns: true,
        idField: 'AreaPackId',
        treeField: 'Name',
        onContextMenu: onContextMenu
        ">
        <thead>
            <tr>
                <th data-options="field:'AreaPackId',width:80,hidden:true">ID</th>
                <th data-options="field:'Name',width:80">CA Name</th>
                <th data-options="field:'Map',width:60">Map</th>
            </tr>
        </thead>
    </table>
    <div id="mm" class="easyui-menu" style="width:120px;">
        <div οnclick="append()">Append</div>
        <div οnclick="edit()">Edit</div>
        <div οnclick="removeIt()">Remove</div>
    </div>