Results 1 to 9 of 9

Thread: I Wrote a TagField Component for Modern

  1. #1
    Ext JS Premium Member bryall's Avatar
    Join Date
    Jun 2010
    Location
    Philadelphia, PA
    Posts
    110
    Vote Rating
    5
      0  

    Lightbulb I Wrote a TagField Component for Modern

    Hey guys -

    I couldn't find anything out there for a tagfield for 6.5.x modern so I rolled my own.

    https://github.com/facilitiesexchange/TagField

    Feel free to use and/or contribute

    Thanks!

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,873
    Answers
    39
    Vote Rating
    82
      0  

    Default

    It's done in 6.6.

    You just add multiSelect: true to a SelectField or a ComboBox.

    This is a Combobox with filter as you type functionality.

    Screen Shot 2017-10-12 at 17.20.32.png

    This is a SelectField which is read only with a dropdown:

    Screen Shot 2017-10-12 at 17.26.44.png

  3. #3
    Ext JS Premium Member bryall's Avatar
    Join Date
    Jun 2010
    Location
    Philadelphia, PA
    Posts
    110
    Vote Rating
    5
      0  

    Default

    I'm aware its in 6.6 but since 6.6 isn't in GA and not in the nightly builds on the support site this makes due. The fact that 6 modern was released without it is a massive let down.

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,873
    Answers
    39
    Vote Rating
    82
      2  

    Default

    And there may have been a beta out by now if Idera had any, y'know, developers who knew what they were doing... sigh.

  5. #5
    Sencha User
    Join Date
    Apr 2013
    Posts
    855
    Answers
    105
    Vote Rating
    170
      0  

    Default

    @Animal
    I don't think there is any point in telling people that this or that is fixed or implemented in 6.6 if Sencha is not planning to release it...

  6. #6
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,873
    Answers
    39
    Vote Rating
    82
      1  

    Default

    We just don't want them releasing 6.6, and claiming they did it, do we?

    We have in 6.6 now: multiselect select fields, column regions (locking grids on both sides), nine quadrillion pixel scrolling in grids, Ext.state in Modern, and powerful grid filtering with a great choice of UIs, and persistence using the new state.

  7. #7
    Sencha User
    Join Date
    Apr 2013
    Posts
    101
    Answers
    3
    Vote Rating
    7
      0  

    Default

    nice, looking forward to it

  8. #8
    Sencha User
    Join Date
    Jun 2015
    Posts
    1
    Vote Rating
    0
      0  

    Default

    Hey Bryall,

    I just tried using your TagField in a extjs 6.5.2 modern form with binding but didn't work.

    This is my field definition:
    {
    xtype: 'tagfield',
    placeholder: 'Roles',
    displayField: 'name',
    valueField: 'id',
    name: 'roles',
    multiSelect: true,
    bind: {
    store: '{roles}',
    value: '{current.user.roles}'
    }
    }
    This is the error:

    Uncaught TypeError: Cannot read property 'getAt' of null
    at constructor.setValue (app.js?_dc=1512139988768:87350)
    at constructor.onBindNotify (app.js?_dc=1512139988768:19117)
    at constructor.notify (app.js?_dc=1512139988768:40108)
    at constructor.react (app.js?_dc=1512139988768:40181)
    at constructor.notify (app.js?_dc=1512139988768:39038)
    at constructor.onTick (app.js?_dc=1512139988768:39059)
    at app.js?_dc=1512139988768:3661
    at Object.elevate (app.js?_dc=1512139988768:2137)
    at timerFn (app.js?_dc=1512139988768:3732)
    When I check the code for TagField it appears that the store is not set before it's referenced in the setValue method. Does store binding work with your TagField?


    Regards,

    Chris

  9. #9
    Sencha User
    Join Date
    Apr 2013
    Posts
    101
    Answers
    3
    Vote Rating
    7
      1  

    Default

    I posted an issue, but the author didn't modify the code.
    Add the code below to TagField:
    Code:
        applyStore: function(store) {
            if (store) {
                store = Ext.data.StoreManager.lookup(store);
            }
    
    
            return store;
        },
    
    
        updateStore: function(store, oldStore) {
            //var me = this;
    
    
            if (oldStore) {
                if (oldStore.getAutoDestroy()) {
                    oldStore.destroy();
                }
            }
        },

Similar Threads

  1. Tagfield in modern toolkit
    By steenole in forum Ext 6: Q&A
    Replies: 4
    Last Post: 9 Oct 2017, 10:54 PM
  2. How to use tagfield in modern app ?
    By sahiltanta in forum Ext 6: Q&A
    Replies: 1
    Last Post: 4 Aug 2016, 7:07 AM
  3. Add All option to tagfield component
    By gpradeepjain in forum Ext 6: Q&A
    Replies: 1
    Last Post: 6 Jul 2016, 1:36 PM
  4. [FIXED] Issue in tagfield component in EXT 5.1
    By GNainar in forum Ext 5: Bugs
    Replies: 1
    Last Post: 3 Feb 2015, 9:09 PM
  5. Issue in tagfield component in EXT 5.1
    By GNainar in forum Ext 5: Q&A
    Replies: 0
    Last Post: 2 Feb 2015, 12:33 AM

Tags for this Thread

Posting Permissions

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