Sencha Berühre, wie man bedingte Listener für ein selectfield tut

Question

Ok, hier ist mein Problem. Ich habe ein selectfield mit einigen Optionen. Das Auswahlfeld wird zum Filtern meiner Liste verwendet. Also im Auswahlfeld gibt es Filter nach Disziplin. Wenn der Benutzer es auswählt, wird ein Disziplinfeld angezeigt, das gerade ausgeblendet ist. Wenn der Benutzer jedoch Filter für Schüler auswählt, wird das Feld displine ausgeblendet, und das Schülerfeld (das ebenfalls ausgeblendet ist) wird stattdessen angezeigt. Aber ich kann den Code nicht herausfinden. Übrigens, ich bin neu in Sencha Touch. Ich benutze Sencha Touch 2.4.2. Hier ist mein Code: -

{ 
         //first item of vbox(1) 
         xtype: 'container', 
         layout: 'hbox', 
         style: 'background-color:' + _ListHeaderColor() + '; color: floralwhite;', 
         margin: '10 10', 
         items: [ 
          { 
           //first item of hbox 
           html: "Request List (Request Patient)", 
           margin: '15 15', 
           flex: 1 
          }, //end of first item of hbox 
          { 
           //second item of hbox 
           xtype: 'selectfield', 
           id: 'choose', 
           name: 'filter', 
           label: 'Filter By', 
           margin: '5 5', 
           width: '20%', 
           options: [ 
              { text: '-', value: 'none' }, 
              { text: 'Discipline', value: 'disc' }, 
              { text: 'Student', value: 'stud' }, 
           ], 
          listeners: { 
           change: function (field, newValue) { 
            if (value) { 
             var disp = Ext.getCmp(newValue).show(); 
             var disp = Ext.getCmp(newValue).hide(); 
            } 
            else { 
             var disp = Ext.getCmp(newValue).show(); 
             var disp = Ext.getCmp(newValue).hide(); 
            } 
           } 
          } 
         }, 
         { 
          xtype: 'selectfield', 
          id: 'disc', 
          name: 'discipline', 
          label: 'Discipline', 
          margin: '5 5', 
          hidden: true, 

          store: _DataStore_RequestPatient, 
          displayField: 'text', 
          valueField: 'value' 
         }, 
         { 
          xtype: 'searchfield', 
          id: 'stud', 
          name: 'student', 
          label: 'Students', 
          hidden: true 
         } 
        ] 
       }, 

Answer 1

Nun, Sie sollten die Fehlermeldungen, die Sie erhalten. Sie sollten definiert, die

Wert nicht

aber das ist nur die Spitze des Eisbergs gefunden. Aus Höflichkeit habe ich Ihren Code für Sie repariert.

https://fiddle.sencha.com/#fiddle/1a1h