2010-12-07 12 views
1

Ich versuche, den Wert eines Fortschrittsbalken in ExtJS zu verändern,Alter Wert von Progress Bar in ExtJS

ich machen die Fortschrittsanzeige wie folgt aus:

var simple = new Ext.FormPanel({ 
     labelWidth: 75, // label settings here cascade unless overridden 
     url:'save-form.php', 
     frame:true, 
     title: 'myAPI', 
     bodyStyle:'padding:5px 5px 0', 
     width: 350, 
     defaults: {width: 230}, 
     defaultType: 'textarea', 

     items: [{ 
       fieldLabel: 'Record ', 
       name: 'first', 
       id: 'record1', 
       allowBlank:false 
      },{ 
       fieldLabel: 'Last Name', 
       name: 'last' 
      },{ 
       fieldLabel: 'Company', 
       name: 'company' 
      }, { 
       xtype: 'dataview', 
       name: 'email', 
       vtype:'email' 
      },{ 
       xtype: 'progress', 
       name: 'mybar', 
       id: 'mybar', 
       value: bar 
      } 
     ], 
     buttons: [{ 
      text: 'Start', 
      handler: clicked 
     },{ 
      text: 'Cancel' 
     }]  
    }); 
    simple.render(document.body); 

Und ich versuche das aktualisieren Fortschrittsbalken wie folgt aus:

var mybar = Ext.get('mybar').updateProgress(bar); 

Aber ich bin immer dies in Chrom:

Uncaught Typeerror: O bject [Objekt Objekt] hat keine Methode 'updateProgress'

Vielen Dank!

Antwort

4

http://dev.sencha.com/deploy/dev/docs/?class=Ext

Nach der Dokumentation:

get (Mixed el): Element Ruft Ext.Element Objekte. Diese Methode ruft keine Komponenten ab. Diese Methode ruft Ext.Element-Objekte ab, ... Ruft Ext.Element-Objekte ab.

Diese Methode ruft keine Komponenten ab. Diese Methode ruft Ext.Element-Objekte ab, die DOM-Elemente einkapseln. Verwenden Sie Ext.ComponentMgr.get, um eine Komponente anhand ihrer ID abzurufen.

Verwendet einfaches Caching, um das gleiche Objekt konsistent zurückzugeben. Wird automatisch repariert, wenn ein Objekt mit der gleichen ID über AJAX oder DOM neu erstellt wurde. .

-

So einfach Ext.ComponentMgr.get verwenden ('mybar') Update

Darüber hinaus ist die Updatefunktion ist wie folgt definiert:

Update ([Float Wert ], [String text], [Boolean animate]): Ext.ProgressBar

+0

Vielen Dank Sir, das hat funktioniert –

+0

Oder die kürzere 'Ext.getCmp ('mybar')' –

+0

Ah, Brian - immer einen Schritt weiter als mich :-) – Keylan