1

我在 extjs4 工作。我的看法是——

Ext.define('Balaee.view.qb.qbquestion.editWindow',
    {extend:'Ext.form.Panel',
    alias:'widget.editWindow',
    autoScroll:true,
    store:'qb.qbquestioncategoryStore',
    bodyStyle: 'padding: 20px',
    title: '<\center>Update-Question',
    items:[
           {
               xtype:'form',
               items:[{xtype:'hidden',
                        name:'questionId'
                    },
                    {border:false,
                       layout: 'hbox',
                       margin:'10 0 0 50',
                       items:[
                    {
                       margin:'5 0 5 50',
                       xtype:'textfield',
                       fieldLabel: 'Question',
                       name: 'question',
                       width:350,
                       emptyText: 'Enter the Question'
                   },
                    { margin:'5 0 5 10',
                        xtype: 'button',
                        id:'btn5',
                        //scale:'medium',
                        width:50,
                        //name: 'add',
                        text:' Delete  ',
                        action:'delete'                                  
                  }]
                    },

                  {
                       margin:'0 0 5 100',
                       xtype:'textfield',
                       fieldLabel: 'Keyword',
                       name: 'keyword',
                       width:350,
                       emptyText: 'Enter the related word'
                   },  
                  { margin:'0 0 5 100',
                       xtype:'combo',
                       fieldLabel: 'Language',  
                       width:250,
                        store:'qb.languageStore',
                        name: 'language',
                       //queryMode:'remote',
                       displayField:'language',
                       valueField:'languageId',
                       emptyText: '---Select---'
                   },
                   { 
                       margin:'0 0 5 50',
                       xtype:'combo',
                       id:'combo1',
                       fieldLabel: 'Elementary',
                       name: 'Elementary',
                       width:250,
                       store:'qb.qbcomplexityStore',
                       //queryMode:'low',
                       displayField:'complexityl',
                       valueField:'complexityId',
                       emptyText: '---Select---'
                   },
                   { margin:'0 0 5 50',
                       xtype:'combo',
                       id:'combo2',
                       fieldLabel: 'Intermediate',
                       name: 'Intermediate',
                       width:250,
                       store:'qb.qbcomplexityStore',
                       //queryMode:'low',
                       displayField:'complexityl',
                       valueField:'complexityId',
                       emptyText: '---Select---'                                 
                   },
                   { margin:'0 0 5 50',
                       xtype:'combo',
                       id:'combo3',
                       fieldLabel: 'Expert',
                       name: 'Expert',
                       width:250,
                       store:'qb.qbcomplexityStore',
                       //queryMode:'low',
                       displayField:'complexityl',
                       valueField:'complexityId',
                       emptyText: '---Select---'
                     },
                    {
                       margin:'0 0 5 100',
                       xtype:'textfield',
                       fieldLabel: 'Option',
                       name: 'option',
                       width:350,
                       emptyText: 'Enter the option',
                       id:'opts'
                   },
                   {
                       border:false,
                       layout: 'hbox',
                       margin:'7 0 5 100',
                       items:[ { //margin:'0 0 0 15',
                                   xtype: 'checkbox',
                                    fieldLabel: 'isAnswer',
                                   name: 'isAnswer',
                                    id:'anss1'
                               },
                               { 
                                     margin:'0 0 0 10',
                                     xtype: 'button',
                                     id:'btn3',
                                     //scale:'medium',
                                     width:50,
                                     //name: 'add',
                                     text:' Add  ',
                                     action:'add'                                    
                              } ] },
                    {
                       margin:'10 0 5 100',
                       xtype:'grid',
                       id:'grid1',
                       //title : 'Educational Details',
                       store:'qb.qbquestionoptionStore',
                       columns: [
                                 { 
                                     text: 'Options',
                                     dataIndex: 'option', 
                                     flex: 1
                                 }, 
                                 {
                                     text: 'Answer', 
                                     dataIndex: 'isAnswer', 
                                     flex: 2.5
                                 }
                       ],
                       height: 100,
                       width: 350
                   },
                   { 
                        margin:'0 0 5 200',
                        xtype: 'button',
                        id:'btn4',
                        //scale:'medium',
                        width:50,
                        //name: 'add',
                        text:' Update  ',
                        action:'update'  }]}});

我有来自服务器端的 json 数据——

{"data":[{"questionId":"29","question":"WRHEdsgdRHW","Elementary":"Low","Intermediate":"Low","Expert":"Low","keyword":"WFHRF","language":"english","Category":[{"category":"Main","id":"1"},{"category":"GK","id":"2"}],"optionarray":[{"option":"dfbsddfb"},{"option":"sdfgsd"},{"option":"sdgsd"}]}]}

我想在更新功能期间将这些数据作为默认条目加载到上述视图的字段中。那么如何加载这些数据？如何将json的optionarray []绑定到ID为“grid1”的网格？

4

1 回答 1

0

为您的表单创建一个与您的字段匹配的模型。然后使用loadRecord：

loadRecord：将 Ext.data.Model 加载到此表单中（内部仅调用 Ext.form.Basic.loadRecord）另见 trackResetOnLoad。

这会将您的模型绑定到表单，稍后您可以使用updateRecord将新数据更改为表单字段。这是如何使用表单和模型绑定。

于 2013-06-17T08:30:35.167 回答