Results 1 to 6 of 6

Thread: Problem overriding functions of Ext.ux.form.ItemSelector in derived class

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Dec 2011
    Vote Rating

    Default Answered: Problem overriding functions of Ext.ux.form.ItemSelector in derived class

    Hi ,
    i am working on Ext.ux.form.ItemSelector, using which a window appears and we have two panels, 'Available' and 'Selected' , any item in Available panel double clicked moves to Selected panel, but i want the item double clicked to move to Selected Panel as well as retained in original list of Available items for example if 'Available' Panel had two items 'a' and 'b' , if i double clicked 'a' , 'a' will be available in 'Selected' Panel but also retained in 'Available' panel, so i tried extending base class and override these methods as shown i code:

    Ext.define('', {
      extend: 'Ext.ux.form.ItemSelector',
        alias: 'widget.monitorselector',
        requires: [
        initComponent: function() {
            var me = this;
         onAddBtnClick : function() {
            var me = this,
                fromList = me.fromField.boundList,
                selected = this.getSelections(fromList);
        onRemoveBtnClick : function() {
            var me = this,
                toList = me.toField.boundList,
                selected = this.getSelections(toList);
         //   this.fromField.boundList.getStore().add(selected);
         onItemDblClick : function(view) {
            var me = this;
            if (view == me.toField.boundList){
            else if (view == me.fromField.boundList) {

    I am not able to get desired result.can anybody help me .
    thanks in advance

  2. Why not just override the moveRec method? It's where onItemDblClick, onAddBtnClick and all them go to.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts