Results 1 to 5 of 5

Thread: Tag field type ahead text remain even after selection

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Jan 2014
    Posts
    30
    Vote Rating
    1
      0  

    Default Tag field type ahead text remain even after selection

    Hi, I am using EXT tag field. Issue I am facing are as bellow;

    1. When I type-in some characters in tag field drop down lists relevant options accordingly but when i select any option from drop down type-in characters still remain in the field and wont go away until i click outside the field any where.

    2. If i want to add new value in tag field which do not exist in store without hitting enter field or typing delimiter character after type text. I just wanted that user can enter any text without pressing enter key or adding delimiter character at the end.

    Its confusing for user if they type in some value and move to next field there typed data get lost.

    Thanks

  2. #2
    Sencha - Support Team bjdurham85's Avatar
    Join Date
    Mar 2014
    Posts
    956
    Vote Rating
    21
      0  

    Default

    Hi--,

    1) What version of Ext JS are you seeing this in? When testing in this Fiddle I put together the item removes during selection.

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

    2) What does your config look like? Do you have createNewOnBlur enabled? Or do you have a specific combination you're expecting it to create from?

    Bryan

  3. #3
    Sencha Premium Member
    Join Date
    Jan 2014
    Posts
    30
    Vote Rating
    1
      0  

    Default

    Hi Bryan, thanks for your time.

    I am using Ext 5.1.0 version and my requirement here is not a store selection only but user can enter any input by themselves which they want as my field is for email address and user can input any. Here is my config which I am using;

    var sendToField = Ext.create('Ext.form.field.Tag', {
    xtype: 'tagfield',
    id: 'SendTo',
    fieldLabel: 'To',
    width: 200,
    labelWidth: 120,
    store: myStore,
    displayField: 'text',
    valueField: 'id',
    queryMode: 'local',
    queryDelay: 300,
    filterPickList: false,
    typeAhead: true,
    typeAheadDelay: 100000,
    delimiter: ';',
    collapseOnSelect: true,
    multiSelect: true,
    createNewOnEnter: true,
    readOnly: false,
    editable: true,
    hideTrigger: true
    });

    One thing more is that my store is not static its dynamic I reload the store with suggested value as user type in the field, if user want it can select from the listed suggestion in store or can type in there own value.

    Thanks

    Quote Originally Posted by bjdurham85 View Post
    Hi--,

    1) What version of Ext JS are you seeing this in? When testing in this Fiddle I put together the item removes during selection.

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

    2) What does your config look like? Do you have createNewOnBlur enabled? Or do you have a specific combination you're expecting it to create from?

    Bryan

  4. #4
    Sencha Premium Member
    Join Date
    Jan 2014
    Posts
    30
    Vote Rating
    1
      0  

    Default

    Here is my fiddle for your testing;
    https://fiddle.sencha.com/#fiddle/1frt

    I am using Ext JS 5.1.0.107 you can try type in in this fiddle and select something from drop down, then you will see typed in character will too remain in field unless you click on outside.

    Quote Originally Posted by nMehmood View Post
    Hi Bryan, thanks for your time.

    I am using Ext 5.1.0 version and my requirement here is not a store selection only but user can enter any input by themselves which they want as my field is for email address and user can input any. Here is my config which I am using;

    var sendToField = Ext.create('Ext.form.field.Tag', {
    xtype: 'tagfield',
    id: 'SendTo',
    fieldLabel: 'To',
    width: 200,
    labelWidth: 120,
    store: myStore,
    displayField: 'text',
    valueField: 'id',
    queryMode: 'local',
    queryDelay: 300,
    filterPickList: false,
    typeAhead: true,
    typeAheadDelay: 100000,
    delimiter: ';',
    collapseOnSelect: true,
    multiSelect: true,
    createNewOnEnter: true,
    readOnly: false,
    editable: true,
    hideTrigger: true
    });

    One thing more is that my store is not static its dynamic I reload the store with suggested value as user type in the field, if user want it can select from the listed suggestion in store or can type in there own value.

    Thanks

  5. #5
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    21
    Vote Rating
    8
      0  

    Default

    I have same issue with most recent at the time version (6.5.2). I just did dirty local override(just extend Tag component) to fix it for now, it doesn't break anything I think:

    Code:
    initComponent: function () { 
       var me = this;
        me.callParent(arguments);
        /*Tag field input text remain even after selection - removed it*/
        me.on('select', function(){
          if(!me.inputEl){
            Ext.raise('Tag component code changed in this version: inputEl not present anymore, please redesign!')
          }
          me.inputEl.dom.value = '';
        })
      }

Similar Threads

  1. Replies: 6
    Last Post: 26 Aug 2016, 8:29 AM
  2. Replies: 3
    Last Post: 2 Feb 2013, 12:39 PM
  3. [OPEN] Combo box type ahead bug
    By MuXoB in forum Ext:Bugs
    Replies: 2
    Last Post: 19 Sep 2011, 1:06 AM
  4. Type-ahead field not being displayed in IE7
    By nlovelock in forum Ext.nd for Notes/Domino
    Replies: 0
    Last Post: 19 May 2009, 7:31 AM
  5. Bold the entered text in type ahead combo
    By vraj in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 16 Sep 2008, 11:25 AM

Posting Permissions

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