从JsonStore提供数据视图

Question

Feeding the viewdata from the jsonstore

I want to use a JsonStore to feed my dataview. currently with the code below, the store is empty in the dataview. For testing, I wrote some code in the controller before opening the window and I can see that the restful service retrieves data - getActivitiesToRescueCallback --> responce.responseText . How can I feed my dataview with the Jsonstore?

In th ViewController:

getActivitiesToRescueCallback : function(options, success, response) {
    if (success)
        var result = Ext.decode(response.responseText); // Here I am getting data

},

getActivitiesToRescue : function() {
    Ext.Ajax.request({
        url : '/test/json_p',
        params : {
            "params[]" : "RESCUE",
            "respName" : "",
            "method" : "GetActivities",
            "format" : "json"
        },
        callback : 'getActivitiesToRescueCallback',
        scope : this
    });
},
**View**
Ext.define('Tuv.test.rescue.RescueView', {

extend : 'Ext.window.Window',

alias : 'widget.rescueview',

alias : 'controller.rescueview',

bind : {
    title : '{rescueTexts.masseRescue}'
},

height : 400,

width : 600,

constrainHeader : true,

maximizable : true,

closeAction : "hide",

layout : 'card',

activeItem : 0,

items : [ {
    xtype : 'panel',
    title : 'check activities',
    layout : 'hbox',
    border : false,
    layoutConfig : {
        align : 'stretch'
    },
    tbar : [ {
        xtype : "button",
        text : "copy",
        handler : function() {},
        scope : this
    } ],
    items : [ {
        autoScroll : true,
        width : 150,
        items : {
            xtype : 'dataview',
            listeners : {
                'afterrender' : function(comp) {
                    console.log('Test');
                },
                scope : this
            },
            store : new Ext.data.JsonStore({
                url : '/test/json_p',
                baseParams : {
                    "params[]" : "RESCUE",
                    respName : "",
                    method : "GetActivities",
                    format : "json"
                },
                idProperty : 'ACT_ID',
                fields : [ 'ACT_ID', '_ACT_TYPE', '_FIRST_FORM', 'PRUEFSTATUS', '_DEBUG', '_SYNC_STATUS', '_SYNC_STATUS2', 'EQART', 'INVNR', 'ZTSPRID', 'ANLAGE_ZTSPRID', 'ZTSPRIDT' ]
            }),
            itemSelector : 'tr.dataRow',
            tpl : new Ext.XTemplate('<table id="dataRescueTable">' + '<tpl for=".">', '<tr class="dataRow"><td>' + '<span <tpl if="STATUS==50">style="font-weight: bold;color:green"</tpl>>{name}</span></td></tr>', '</tpl>', '</table>')
        }
    } ],
    bbar : {
        buttonAlign : 'right',
        items : [ {
            text : "next",
            handler : function(button) {

            },
            scope : this
        } ]
    }
} ]

});

Answer 1

要加载商店，我必须调用store.load()或将autoLoad: true添加为商店的配置。