extjs 5 : erstellen Sie eine data-binding-Komponente für die benutzerdefinierte Eigenschaft

ich habe eine Komponente, die erweiterte von der filefield,
und ich habe eine benutzerdefinierte Eigenschaft 'serverPath' es ,und auch ich habe die getter und setter .

code : 

Ext.define('MyApp.ux.Field.File',{
    extend:'Ext.form.field.File',
    xtype:'myfilefield',
    serverPath:'',
    getServerPath:function(){
    return this.serverPath;
},
setServerPath:function(serverPath){
    this.serverPath = serverPath;
}
});

Ext.create('MyApp.ux.Field.File',{
    bind:{
        serverPath:'{serverPath}'
    },
    viewModel:{
        type:'myViewModel'
    }
});

ich werde nicht fügen Sie den myViewModel definition . es ist einfach.

und es stellte sich heraus, dass die Bindung nicht wirksam.

kann jemand helfen ?

InformationsquelleAutor happyyangyuan | 2014-10-10
  1. 8

    Ihrer Klasse sein sollte:

    Ext.define('MyApp.ux.Field.File',{
  extend:'Ext.form.field.File',
  xtype:'myfilefield',
  config: {
    serverPath:''
  }   
});

    Und Sie sollten alle eingestellt, da ExtJS erstellt die setter und getter für Sie, als auch der setter.
    In Ihrer view-Modell-stellen Sie sicher, Sie haben ein:

    data: {
   serverPath : 'yourPathGoesHere'
}

    Bearbeitet
    Es gibt zwei Dinge, die fehlten:

    1. Wenn ein Wert im ViewModel die änderungen werden asynchron veröffentlicht, die durch den scheduler. Wenn Sie möchten, dass die änderungen sofort müssen Sie Benachrichtigen Sie auf den ViewModel-oder deffer die Logik, nach der sich ein bisschen ändern.
    2. Um benutzerdefinierte config Eigenschaften der Klasse zu Benachrichtigen zurück ViewModel von änderungen, die Sie benötigen, fügen Sie Sie in die 'veröffentlicht' config-Eigenschaft.
      Sehen Sie sich bitte die aktualisiert fiddle.
    • ich habe versucht Ihren Vorschlag , und muss leider feststellen, dass es nicht funktioniert.
    • Hallo, wenn Sie irgendeine Art von JSFiddle/Sencha Geige, es wäre toll, so kann ich besser neu und möglicherweise helfen, mit der Frage.
    • hi , zu viel thx an dich . das ganze Thema ist hier : github.com/happyyangyuan/Q-A/issues/1
    • großen Dank!!! Ihre 'faul' und 'veröffentlicht' - Strategie ist gut gemacht! ich bin ein wenig enttäuscht, auf der sencha doc , Sie selten erwähnen die beiden config-Eigenschaften und die api-doc hat eine schlechte Erklärung auf Sie.
    • Froh, dass es funktioniert. Wenn die Antwort richtig war, bitte wählen Sie es als die richtige Antwort.
    • fertig! würden Sie bitte sehen, eine andere Frage für mich ? hier :stackoverflow.com/questions/27616210/...
    • Nochmals vielen Dank!Sie half mu so viel!

    InformationsquelleAutor Gabriel Kohen
Schreibe einen Kommentar