Question

我正在尝试使用以下代码动态添加新节点：

var root = this.treeStore.getRootNode();
            var n = {
                    id:--this.counter,
                    leaf: (type=='group') ? false : true,
                    expanded:true,
                    cls:'redtext',
                    text: (name == undefined) ? 'Nowa warstwa': name,
                    gsip:{
                        isGroup: (type=='group') ? true : false,
                        layer:{}
                    }
            };
root.appendChild(n);

上面的代码将新节点添加到根节点，但奇怪的是，新创建的节点包含了根节点的所有子节点。因此，当存在具有相同id的节点时，树崩溃。当我删除id:--this.counter时，一切正常。我需要这个id，我提供的是唯一的。新创建的节点的internalId与id不同，所有其他现有节点都具有internalId = data.id。

商店和型号代码：

Ext.define('GSIP_PORTAL.model.Layer',{
    extend: 'Ext.data.Model',
    fields: [
             {name: 'id',  type: 'int'} , 'text', 'leaf', 'gsip'],
    idProperty:'id'
});


Ext.define('GSIP_PORTAL.store.Layers', {
    extend: 'Ext.data.TreeStore',
    model:'GSIP_PORTAL.model.Layer',
    proxy: {
        type: 'ajax',
        url: dispatcher.getUrl('getProfile'),
        reader: {
            type: 'json',
            root: 'layers'
        }
    },
    defaultRootId:0,
    root:{
        expanded:true
    }
});

下面是用于构建树的json响应。我使用这个json一次构建树，这就是为什么我将属性图层作为root。

{
   "id":10003,
   "name":"GSIP",
   "defaultProfile":false,
   "layers":[
      {
         "id":10012,
         "expanded":true,
         "text":"GSIP",
         "leaf":false,
         "layers":[
            {
               "id":10013,
               "expanded":true,
               "text":"Dzialki",
               "leaf":true,
               "layers":[

               ],
               "gsip":{
                  "displayName":"Dzialki",
                  "internalName":"test",
                  "isGroup":false,
                  "layer":{
                     "id":1006,
                     "type":{
                        "id":1002,
                        "name":"WMS (queryable)",
                        "description":"WMS z zapytaniami GetFeatureInfo."
                     },
                     "url":"http://192.168.21.10:8080/geoserver/gsip/wms",
                     "layerName":"egb_dzialki"
                  },
                  "order":0
               }
            }
         ],
         "gsip":{
            "displayName":"GSIP",
            "internalName":"test",
            "isGroup":true,
            "order":0
         }
      }
   ],
   "tools":[

   ]
}

在行中添加新节点TypeError: records[i] is undefined后，我得到了以下ext-all-debug错误： ns[i].viewRecordId = records[i].internalId;

Answer 1

我认为你应该解决一些问题，因为你的json很疯狂。

节点记录包含NodeInterface，因此无需在模型中声明leaf等字段。
模型记录字段只能由基本类型（int，bool，string等）组成。 ExtJS不知道如何处理对象字段 - 你需要关联。您声明了一个名为gsip的字段，但返回的json是一个对象。
什么是'工具'？

我建议您清理json以仅包含layers层次结构。从那里拿走它。

此外，据我所知，这不是将子节点添加到树的正确方法。这是：

var root = this.treeStore.getRootNode();
var n = root.createNode({
    id:--this.counter,
    leaf: (type=='group') ? false : true,
    expanded:true,
    cls:'redtext',
    text: (name == undefined) ? 'Nowa warstwa': name,
    gsip:{
        isGroup: (type=='group') ? true : false,
        layer:{}
    }
});
root.appendChild(n);

然后，ExtJs在内部使用internalId表示尚未添加到服务器端的任何记录 - ExtJs需要自己的内部id，因为客户端ID可能不是由客户端设置的，而是保存到数据库后从服务器返回的内容。因此，一旦从服务器返回记录，Ext就将internalId设置为与id字段相同;但是对于在客户端中创建的记录不会发生这种情况。

Answer 2

请覆盖您的更新索引功能，它将正常工作。

ExtJS TreeStore appendChild - ids的问题

2 个答案: