ExtJS 4在Firefox中可見但不在鉻中的樹面板項目

我正在創建類似於TreeGrid example的樹面板，並帶有拖放功能。唯一的問題是，在Firefox瀏覽器中，項目在樹面板中正確顯示，而在Chromium樹網格中則爲空。那可能怎麼樣？發送到服務器ExtJS 4在Firefox中可見但不在鉻中的樹面板項目

JSON數據：

{"text":".","children": [ 
     { 
       "id":null, 
       "name":"en", 
       "visible":false, 
       "expanded":true, 
       "leaf":false, 
       "children":{ 
         "id":5, 
         "name":"/", 
         "visible":false,       
         "expanded":true, 
         "leaf":true, 
         "children":[]       
       } 
     }] 
}

型號

Ext.define('Example.model.WebTreeItem', { 
    extend: 'Ext.data.Model', 
    idProperty: 'id', 
    fields: [ 
     {name: 'id',  type: 'int', defaultValue: 0}, 
     {name: 'visible', type: 'boolean' }, 
     {name: 'name',  type: 'string' } 
    ] 
});

商店

Ext.define('Example.store.WebTreeItems', { 
    extend: 'Ext.data.TreeStore', 
    model: 'Example.model.WebTreeItem',  
    autoLoad: true, 
    proxy: { 
     type: 'ajax', 
     api: { 
      read : 'getlist.json' 
     }, 
     reader: { 
      type: 'json' 
     } 
    } 
});

查看

Ext.define('Example.view.webitem.Tree', { 
    extend: 'Ext.tree.Panel', 
    alias : 'widget.webtreeitem', 

    title : 'Web items', 
    store: 'WebTreeItems', 
    rootVisible: false, 
    multiSelect: true, 
    singleExpand: false, 
    collapsible: true, 
    selModel: Ext.create('Ext.selection.CheckboxModel'), 
    height: 800, 
    renderTo: 'webstructure-tree', 
    columns: [{ 
     xtype: 'treecolumn', 
     text: 'Name', 
     flex: 2, 
     sortable: true, 
     dataIndex: 'name' 
    },{ 
     xtype: 'booleancolumn', 
     text: 'Visible', 
     flex: 1, 
     dataIndex: 'visible', 
     sortable: false 
    }], 
    viewConfig: { 
     plugins: { 
      ptype: 'treeviewdragdrop' 
     } 
    }] 
});

依賴項自動加載使用

Ext.Loader.setConfig({enabled:true}); 

Ext.application({ 
... 
});

任何建議將不勝感激。

來源

2011-08-12 kurochenko

嗯，我以爲我會發送上述JSON，但實際上我發送這樣的事情（使用轉義引號括起來響應）和Chromium無法正確讀取

"{\"text\":\".\",\"children\": [ 
     { 
       \"id\":null, 
       \"name\":\"en\", 
       \"visible\":false, 
       \"expanded\":true, 
       \"leaf\":false, 
       \"children\":{ 
         \"id\":5, 
         \"name\":\"/\", 
         \"visible\":false,       
         \"expanded\":true, 
         \"leaf\":true, 
         \"children\":[]       
       } 
     }] 
}"

來源

2011-08-13 12:28:28 kurochenko

ExtJS 4在Firefox中可見但不在鉻中的樹面板項目

回答

相關問題