Page 1 of 2 12 LastLast
Results 1 to 10 of 16

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
    111

    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,890
    Answers
    41

    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
    111

    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,890
    Answers
    41

    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
    900
    Answers
    105

    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,890
    Answers
    41

    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
    147
    Answers
    5

    Default

    nice, looking forward to it

  8. #8

    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
    147
    Answers
    5

    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();
                }
            }
        },

  10. #10
    Sencha Premium User
    Join Date
    Feb 2012
    Posts
    82
    Answers
    1

    Default

    Quote Originally Posted by Animal View Post
    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.

    It looks like none of this made it into 6.6 from what I can tell. Particularly disappointing not to see the grid filtering.

Page 1 of 2 12 LastLast

Similar Threads

  1. Tagfield in modern toolkit
    By steenole in forum Ext JS 6.x Q&A
    Replies: 5
    Last Post: 15 Jul 2018, 12:26 AM
  2. How to use tagfield in modern app ?
    By sahiltanta in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 4 Aug 2016, 7:07 AM
  3. Add All option to tagfield component
    By gpradeepjain in forum Ext JS 6.x 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
  •