Dans extjs Comment lier stocker des données sur la grille

je travaille dans extjs. je suis de la création de point de vue qui est de l'affichage de la grille.j'ai créé vue comme-

Ext.define('Balaee.view.qb.qbqns.allQuestionPapers' ,
        {
    extend: 'Ext.grid.Panel',
    alias: 'widget.paperlist',
    id:'paperId',
    store:'QbqnsStore',
    border:false,
    height:300,
    width:450,
    columns: [
              {
                  text: 'date',
                  width: 150,
                  dataIndex: 'creationTime'
              },
              {
                  text: 'QuestionpaperNo',
                  width: 150,
                  dataIndex: 'questionPaperNo',
              },
              {
                  text: 'Marks',
                  width:150,
                  dataIndex: 'obtainMarks'
              }
              ]
        });

Ce point de vue je suis d'appel sur getAllPapers clic sur le bouton. Donc, j'ai écrit le code que-

getAllPapers:function()
    {   
        var getPaperStore=Ext.create('Balaee.store.qb.QbqnsStore');
        proxy=reviewQuestionStore.getProxy();
        Ext.apply(proxy.api,{
            read:'index.php/QuestionBank/qbpaper/getUserAllQuestionPaper',
        });

        var temp2=Ext.getCmp('QbqnsResultmainId');
        temp2.removeAll();
        var papers=Ext.create('Balaee.view.qb.qbqns.allQuestionPapers');
        temp2.add(papers);

    }

En fonction ci-dessus je suis d'appel requis URl pour obtenir json comme l'-

{" Papers ":[{"questionPaperId":"29","questionPaperNo":"11","userId":"106","allocatedTime":null,"completedTime":"0000-00-00 00:00:00","createDate":"0000-00-00 00:00:00","obtainMarks":null},{"questionPaperId":"30","questionPaperNo":"11","userId":"106","allocatedTime":null,"completedTime":"0000-00-00 00:00:00","createDate":"0000-00-00 00:00:00","obtainMarks":null},{"questionPaperId":"31","questionPaperNo":"11","userId":"106","allocatedTime":null,"completedTime":"0000-00-00 00:00:00","createDate":"0000-00-00 00:00:00","obtainMarks":null}] }

Alors maintenant magasin est d'avoir au-dessus des données json et je tiens à les fournir en grille de point de vue. Mais la grille n'est pas l'affichage de toutes les données. Donc comment faire pour lier stocker des données sur la grille? quels sont les changements que je dois faire?

quelqu'un peut-il m'aider?

OriginalL'auteur user1722857 | 2013-02-26

  1. 6

    Nous avons besoin de lier le magasin à une grille lors de l'initialisation d'elle-même. J'ai fait comme ci-dessous dans mon cas: 

    Ext.define('App.view.activity.ListPanel', {

    extend: 'Ext.panel.Panel',
    alias: 'widget.listPanel',

    requires: [
        'Ext.data.ArrayStore'
    ],

    initComponent: function(){

        var activityStore = Ext.create('App.store.Activity');
        activityStore.load(); //this line to load is used when we use proxy in store, if we go with out proxy it is not necessary

        Ext.apply(this, {            
                items: [{
                    xtype: 'grid',                  
                    hideHeaders: true,
                    scroll: false,
                    width: 200,
                    height: 700,
                    store: activityStore,
                    stripeRows:true,
                    columnLines:true,
                    columns:[
                        {text:"Activity Name",flex:1,dataIndex:"activityName"}
                        ]                   
                }]    
        }); 

        this.callParent(arguments);
    }
});

    Où App.magasin.L'activité est définie comme(sans proxy):

    Ext.define('App.store.Activity', {
    extend: 'Ext.data.Store',
    id: 'activityStore',
    model: 'App.model.Activity',
    autoLoad: true,
    data : [
            {activityName: 'Bath',    createdBy: 'Spencer', scheduleTime: '7.00'},
            {activityName: 'Breakfast', createdBy: 'Maintz', scheduleTime: '8.00'},
            {activityName: 'Wakeup', createdBy: 'Conran', scheduleTime: '5.00'}
        ]
});`

    Avec Proxy:

    Ext.define('App.store.Activity', {
    extend: 'Ext.data.Store',
    id: 'transactionSummaryStore',
    model: 'App.model.Activity',
    proxy: {
        type: 'ajax',
        url: 'getActivities.htm',
        reader: {
            type: 'json',
            root: 'results'
        } 
    } 
});

    Où le Modèle est défini comme:

    Ext.define('App.model.Activity', {
    extend: 'Ext.data.Model',
    fields : [ {
        name : 'activityName'
    }, {
        name : 'createdBy'
    }, {
        name : 'scheduleTime'
    } ]
});

    OriginalL'auteur Srikanth