javascript - Extjs Creating a tagfield without the list - Stack Overflow

admin管理员组

文章数量:1026989

I know this might not be the way it was intended to be used, but I'm going to ask anyway:

Is there a way to create a tagfield without the drop down list?

What we have is a custom control which is a bination of a tagfield and an itemSelector. The itemSelector is inside a panel which appears via a toggle button. After we have selected some values, we hide the panel and those values get selected in the tagfield. We are essentially not using the tagfield's bobox properties, but we want to keep the ability to remove any records by pressing the "x" beside the records. Is there a configuration or other way to block the tagfield from showing the drop down list when it is clicked?

I know this might not be the way it was intended to be used, but I'm going to ask anyway:

Is there a way to create a tagfield without the drop down list?

What we have is a custom control which is a bination of a tagfield and an itemSelector. The itemSelector is inside a panel which appears via a toggle button. After we have selected some values, we hide the panel and those values get selected in the tagfield. We are essentially not using the tagfield's bobox properties, but we want to keep the ability to remove any records by pressing the "x" beside the records. Is there a configuration or other way to block the tagfield from showing the drop down list when it is clicked?

• javascript
• extjs
• bobox

Share Improve this question Follow asked Apr 29, 2015 at 12:59 PentaKonPentaKon 4,65666 gold badges4949 silver badges8484 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

IMO easiest way is to override extend method (it might be empty) and set hideTrigger to true:

{
    xtype: 'tagfield',
    store: store,
    expand: Ext.emptyFn,
    hideTrigger: true
}

Fiddle: http://jsfiddle/mmvg1bL2/

there's also triggerOnClick boolean config option (6.0.1, 5.1.2) which achieves the same; also to be used with hideTrigger: true

I know this might not be the way it was intended to be used, but I'm going to ask anyway:

Is there a way to create a tagfield without the drop down list?

What we have is a custom control which is a bination of a tagfield and an itemSelector. The itemSelector is inside a panel which appears via a toggle button. After we have selected some values, we hide the panel and those values get selected in the tagfield. We are essentially not using the tagfield's bobox properties, but we want to keep the ability to remove any records by pressing the "x" beside the records. Is there a configuration or other way to block the tagfield from showing the drop down list when it is clicked?

I know this might not be the way it was intended to be used, but I'm going to ask anyway:

Is there a way to create a tagfield without the drop down list?

What we have is a custom control which is a bination of a tagfield and an itemSelector. The itemSelector is inside a panel which appears via a toggle button. After we have selected some values, we hide the panel and those values get selected in the tagfield. We are essentially not using the tagfield's bobox properties, but we want to keep the ability to remove any records by pressing the "x" beside the records. Is there a configuration or other way to block the tagfield from showing the drop down list when it is clicked?

• javascript
• extjs
• bobox

Share Improve this question Follow asked Apr 29, 2015 at 12:59 PentaKonPentaKon 4,65666 gold badges4949 silver badges8484 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

IMO easiest way is to override extend method (it might be empty) and set hideTrigger to true:

{
    xtype: 'tagfield',
    store: store,
    expand: Ext.emptyFn,
    hideTrigger: true
}

Fiddle: http://jsfiddle/mmvg1bL2/

there's also triggerOnClick boolean config option (6.0.1, 5.1.2) which achieves the same; also to be used with hideTrigger: true

本文标签： javascriptExtjs Creating a tagfield without the listStack Overflow