easyui中treegrid网格的js代码与后台代码编写感悟

树结构：treegrid
  前台：js
   var url = "DATA/DsType.ashx?req_fun=";//数据层，（列表数据和删除）

   $(function () {
     $("#dg").treegrid({  //#dg为table的id
        url: url + "getlist",
        toolbar: "#dgtools", //标头，div的id
        title: "实体类型维护",//名称
        iconCls: "icon-standard-database",
        fit: true,
        pagination: false,
        rownumbers: true,
        singleSelect: true,
        idField: 'DS_TYPE',//定义标识树节点的键名字段。必需。
        treeField: 'TYPE_NAME',//定义树节点的字段。必需。
        // sortName: 'TD_ID',
        lines: true,//定义是否显示树线条。此处由于版本太低没发挥作用
        columns: [[
            { field: 'TYPE_NAME', title: '类型名称', width: 150, sortable: true },
            { field: 'TYPE_CODE', title: '类型编码', width: 150, sortable: true },
             { field: 'TYPE_REMARK', title: '类型备注', width: 150, sortable: true },
            
        ]]
    })
});

function typeAdd() {
    
    ShowWindow("添加父结构类型", "DsTypeEdit.aspx?type=0&id=0", 400, 400, "icon-standard-database-add", successLoad);
}

function getRow() {
    var row = $("#dg").treegrid("getSelected");//获取选中行
    if (row)
        return row;
    else
        return null;
}

function getRowId() {
    if (getRow())
        return getRow().DS_TYPE; //获取行id
}

function typeAddPID() {
    var row = getRow();
    if (!row) {
        AlertInfo("请先选择父结构类型");
        return;
    }
    ShowWindow("添加子父结构类型", "DsTypeEdit.aspx?type=1&id=" + getRowId(), 400, 400, "icon-standard-database-add", successLoad);
}

function typeEdit() {
    var row = getRow();
    if (!row) {
        AlertInfo("请先选择数据项");
        return;
    }
    ShowWindow(