2011-08-12 15 views
1

drag'n'dropでTreeGrid exampleに似たツリーパネルを作成していました。唯一の問題は、アイテムがFirefoxブラウザのツリーパネルに正しく表示され、Chromiumツリーのグリッドが空であることです。それはどのように可能ですか?サーバーに送信されExtJS 4ツリーパネルのアイテムはFirefoxでは表示されますが、Chromiumでは表示されません

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({ 
... 
}); 

すべての提案は高く評価されます。

答えて

0

は、まあ、私は前述のJSONを送信していましたが、実際には、私はこの(エスケープ引用符で引用された応答)のようなものを送っていたとクロムが正しく

"{\"text\":\".\",\"children\": [ 
     { 
       \"id\":null, 
       \"name\":\"en\", 
       \"visible\":false, 
       \"expanded\":true, 
       \"leaf\":false, 
       \"children\":{ 
         \"id\":5, 
         \"name\":\"/\", 
         \"visible\":false,       
         \"expanded\":true, 
         \"leaf\":true, 
         \"children\":[]       
       } 
     }] 
}" 
をそれを読むことができなかったことを考えました
関連する問題