Question

我似乎无法让树形网格运行起来。我已经定义了模型，商店和treegrid（如下所示）。树网格显示内部目标，数据加载为异步（使用fiddler检查，两行返回）但是treegrid只显示两行空单元格。

我试过调试，商店的根节点确实有两个子节点，模型数据在子raw属性下（除了某些字段，例如leaf和iconCls，它们也在data属性中），尽管dataIndex指向适当的模型字段，但树网格显示两个空行。

就像树格无法找到模型定义的字段？！？

这是源代码（我使用的是沙盒，因为我将它集成到salesforce vforce中，salesforce合并字段{！}也是有效的并且可以正确呈现）

Ext4.onReady(function() {

    var target = '{!$Component.childBlock.childTreeDiv}';


    Ext4.define('ConfigurationItem', {
        extend: 'Ext4.data.Model',
        fields: [
            {
            id: 'id',
            type: 'string'},
        {
            id: 'name',
            type: 'string'},
        {
            id: 'recordType',
            type: 'string'},
        {
            id: 'ciName',
            type: 'string'},
        {
            id: 'alias',
            type: 'string'},
        {
            id: 'model',
            type: 'string'},
        {
            id: 'status',
            type: 'string'},
        {
            id: 'description',
            type: 'string'},
        {
            id: 'leaf',
            type: 'bool'},
        {
            id: 'iconCls',
            type: 'string'}
        ]
    });

    var store = Ext4.create('Ext4.data.TreeStore', {
        model: 'ConfigurationItem',
        root: {
            nodetype: 'async',
            id: '{!CI__c.Id}',
            expanded: true
        },
        proxy: {
            type: 'ajax',
            url: 'json_CIChildren',
            reader: {
                type: 'json',
                root: 'children'
            }
        }
    });

    tree = Ext4.create('Ext4.tree.Panel', {
        width: document.getElementById(target).offsetWidth,
        autoHeight: true,
        title: 'Child Configuration Items',
        collapsible: true,
        titleCollapse: true,
        renderTo: target,
        rootVisible: false,
        store: store,
        multiSelect: true,
        singleExpand: true,
        columns: [
            {
            type: 'treecolumn',
            text: 'CI#',
            dataIndex: 'name'},
        {
            text: 'Type',
            dataIndex: 'recordType'}
        ]
    });
});

对json_CIChildren?_dc=1329830854458&node=a0NT0000006tYKzMAM的请求有效（parentID中的root.id传播正常）并返回有效的json：

{ "children" : [
         {
             "id": "a0NT0000006tswhMAA",
             "name": "CI334593834",
             "recordType": "Rack",
             "ciName": "Empty rack",
             "alias": "",
             "model": "",
             "status": "",
             "description": "",
             "leaf": "true",
             "iconCls": "x4-ciicon-Rack"
         },
         {
             "id": "a0NT0000006tYKuMAM",
             "name": "CI2345234",
             "recordType": "Service",
             "ciName": "Business Connect - Premium",
             "alias": "",
             "model": "",
             "status": "",
             "description": "",
             "leaf": "true",
             "iconCls": "x4-ciicon-Service"
         }
 ]}

我做错了什么？为什么treegrid看不到name和recordType字段？

这是因为商店只看到类似NodeInterface的字段而且数据属性中没有自定义数据吗？

Answer 1

我认为问题是你的模型字段没有正确映射。每个字段的“id”属性应该是'name'属性。

使用自定义模型和异步加载对extJS4 treegrid感到悲伤

1 个答案: