How to load or set value in tagfield

Question

I am using a tagfield as a widget column. I am selecting few values from drop down and then saving it. Again when I open I wanted my selected value should be present there in tagfield. It is only coming only after tagfield getting focused.

What I am trying here is, My Code :

 var SValue = XML.getAttribute('value');

if(filterType.xtype == "tagfield"){
        filterType.setValue(SValue); // This is not working
        filterField.inputEl.set({'placeholder':SValue}); // This is working but not correct way to do.
    }

I used placeholder it somewhat showing values but this is not correct what I want. Can anyone suggest me what I can do here. If it is getting automatically focused then also there is chance to work.

Note : In another word its like how to load or set the value to tagfield by reading particular attribute from XML.

Don't know how to make fiddle because I am geeting call from server — David, Jun 12 '17 at 08:53

score 1 · Answer 1 · answered Feb 11 '19 at 23:21

There are two possible scenarios to this:

If the queryMode for the tagfield is equal to 'local' then tagfield.setValue({valueField}) should work. If it is not working, it is probably because you are not using the right valueField. So, if you set valueField: 'id' then this is how you should set the value of the tagfield tagfield.setValue(record.data.id)
If your queryMode for the tagfield is equal to 'remote' then you first have to add the record to the tagfields store and then set the value to the valueField that you set on the tagfield.

let newRec = {value: 'lorem', id: '1'};
tagfield.getStore().add(newRec);
//suppose our valueField for the tagfield is 'id'
tagfield.setValue(newRec.id);

You can also load the tagfield's store with the necessary data, and then set the value and that should also work.

Store documentation Tagfield documentation

score 0 · Answer 2 · answered Jun 18 '17 at 04:49

The only reason I can think of for your TagField not to be showing a value when you set tagField.setValue(value) is the value not being present in the store.

So you have a couple of options:

1 - Load the store before setting the value:

var SValue = XML.getAttribute('value'),
    store;

if (filterType.getXType() === "tagfield") {
    store = filterType.getStore();

    if (store) {
        store.load({
            callback: function() {
                filterType.setValue(SValue);
            }
        });
    }
}

2 - Create your tagField and let values not in the store to be selected, so set forceSelection: false in your tagField config.

How to load or set value in tagfield

2 Answers2