如何在Sencha touch中禁用Picker中的特定行

Question

我在Sencha touch 2.1中创建了一个选择器。我的数据正常显示。我想禁用一个特殊的值不全是这样，如果我选择该值并点击“10 doneButton”，那么它不应该被采用。

例子：

function loadPicker(paramName, valueSet) { 
    Ext.Viewport.remove(Ext.getCmp(paramName + 'Pickerfield'), true); 
    if (!paramName.picker) { 
     paramName.picker = Ext.Viewport.add({ 
      xtype: 'picker', 
      id: paramName + 'Pickerfield', 
      useTitles: true, 
      slots: [{ 
       name: paramName, 
       title: paramName, 
       data: valueSet 
      }], 

      doneButton: { 
       listeners: { 
        tap: function(button, event, eOpts) { 
         var selectedPacingModeValue = 
          Ext.getCmp(paramName + 'Pickerfield').getValue()[paramName]; 
         sendSetPendingRequest(paramName, selectedPacingModeValue); 
        } 
       } 
      } 
     }); 
    } 
} 

让我们这些都是我选择器字段中的值。我正在做的选择一个值，然后点击“doneButton”，我在文本框中显示值。我要的是，如果我将选择“选项2”，然后单击“doneButton”然后选项2不应显示在文本字段但对于所有其他值这个选择，并显示在文本框的操作应该工作。

Answer 1

您只需点击完成按钮即可获取所选记录并检查该标记，然后移至文本框（或不）。

Ext.create('Ext.form.Panel', { 
    fullscreen: true, 
    items: [ 
     { 
      xtype: 'fieldset', 
      title: 'Select', 
      items: [ 
       { 
        xtype: 'selectfield', 
        itemId: 'mySelectField', 
        label: 'Choose one', 
        options: [ 
         { 
          text: 'apple', 
          value: 50 
         }, { 
          text: 'orange', 
          value: 100, 
          disabled: true 
         }, { 
          text: 'banana', 
          value: 200 
         }, { 
          text: 'papaya', 
          value: 300 
         } 
        ] 
       }, 
       { 
        xtype: 'button', 
        text: 'done', 
        handler: function(button){ 
         var panel = button.up(), 
          sf = panel.down('#mySelectField'), 
          tf = panel.down('#answerfield'); 

         /* you can only access the raw value unless you use 
         * an actual store and an actual model with the 
         * disabled field. In that case you can do 
         * sf.getRecord().get('disabled') 
         */ 
         if(sf.getRecord().raw.disabled === true){ 
          tf.setValue(''); //noting to see :) 
         } else { 
          tf.setValue(sf.getRecord().get('text')); //display value 
         } 
        } 
       }, 
       { 
        xtype: 'textfield', 
        itemId: 'answerfield', 
        title: 'answer' 
       } 
      ] 
     } 
    ] 
}); 

工作小提琴：http://www.senchafiddle.com/#d46XZ

UPDATE 就像你问：与选择器

Ext.Loader.setConfig({ 
    enabled: true 
}); 

Ext.application({ 
    name: 'SenchaFiddle', 

    launch: function() { 
     var picker = Ext.create('Ext.Picker', { 
      slots: [ 
       { 
        name : 'stuff', 
        title: 'Stuff', 
        data : [ 
         { 
          text: 'apple', 
          value: 50 
         }, { 
          text: 'orange', 
          value: 100, 
          disabled: true 
         }, { 
          text: 'banana', 
          value: 200 
         }, { 
          text: 'papaya', 
          value: 300 
         } 
        ] 
       } 
      ], 
      listeners: { 
       change: function(p, value){ 
        var tf = panel.down('#answerfield'), 
         firstSlot = p.getItems().get(1), //index 0 is the toolbar 1 first slot and so on.. 
         selectedRecord = firstSlot.getData()[firstSlot.selectedIndex]; 
        if(selectedRecord.disabled === true){ 
         tf.setValue(''); //noting to see :) 
        } else { 
         console.log(selectedRecord); 
         tf.setValue(selectedRecord.text); //display value 
        } 
       } 
      } 
     }); 
     var panel = Ext.create('Ext.form.Panel', { 
      fullscreen: true, 
      items: [ 
       { 
        xtype: 'fieldset', 
        title: 'Select', 
        items: [ 
         { 
          xtype: 'button', 
          text: 'show picker', 
          handler: function(button){ 
           Ext.Viewport.add(picker); 
           picker.show(); 
          } 
         }, 
         { 
          xtype: 'textfield', 
          itemId: 'answerfield', 
          title: 'answer' 
         } 
        ] 
       } 
      ] 
     }); 


    } 
}); 

工作小提琴：http://www.senchafiddle.com/#SFgpV