Firefox에서는 ExtJS 4 트리 패널 항목이 보이지만 Chromium에서는 보이지 않습니다.

Question

drag'n'drop을 사용하여 TreeGrid example과 비슷한 트리 패널을 만들었습니다. 유일한 문제는 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({ 
... 
}); 

모든 제안 사항에 매우 만족합니다.

Answer 1

그럼 내가 언급 JSON을 전송했지만, 사실 나는이 (탈출 따옴표 인용 응답) 같은 것을 전송되고 크롬이 제대로

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

그것을 읽을 수 있다고 생각