What License??? :(

What License??? :(

*bump*

I too would really love to use this control, but I need to have the license confirmed to determine whether it can be used in a project. If it's public domain or something effectively as "free-as-in-speech", you've just made my day. Otherwise, I may have to re-invent a rusty wooden wheel when a brand new Michelin is sitting there.

- added event "autoSize": so I can automatically resize my form to fit the bigger/smaller field
- added event "addItemBox": so I can easily attach a tooltip to an item when its added to a particular list
- removed the line of code which was adding a highlight, but not removing it on mouseout
- the CSS code makes the field look like a regular ExtJS field (same height) and the shades of gray makes it integrate better with the default gray theme
- made "itemDelimiterKey" to be an Array, to be able to use multiple keys (initializing your field with "itemDelimiterKey: [Ext.EventObject.TAB, Ext.EventObject.ENTER]" would allow you to use either TAB or ENTER for adding a new item)

Wish list:

- it would be very nice if the field wouldn't expand, but instead use some sort of overflow system like the toolbar component
- it would be nice to use the combobox's default trigger button instead of the custom down arrow, which makes the component look less extjs-like

/** * Fires after a new item is added to the component. * @event additem * @memberOf Ext.ux.form.SuperBoxSelect * @param {SuperBoxSelect} this * @param {Mixed} value The value of the item which was added * @param {Record} record The store record which was added */'additem',

/** * Fires when the allowAddNewData config is set to true, and a user attempts to add an item that is not in the data store. * @event newitem * @memberOf Ext.ux.form.SuperBoxSelect * @param {SuperBoxSelect} this * @param {Mixed} value The new item's value */'newitem',

/** * Fires when an item's remove button is clicked. Return false from the callback function to prevent the item from being removed. * @event beforeremoveitem * @memberOf Ext.ux.form.SuperBoxSelect * @param {SuperBoxSelect} this * @param {Mixed} value The value of the item to be removed */'beforeremoveitem',

};/** * @private hide from doc gen */Ext.ux.form.SuperBoxSelect = Ext.extend(Ext.ux.form.SuperBoxSelect,Ext.form.ComboBox,{/** * @cfg {Boolean} allowAddNewData When set to true, allows items to be added (via the setValueEx and addItem methods) that do not already exist in the data store. Defaults to false. */allowAddNewData: false,

/** * @cfg {Boolean} backspaceDeletesLastItem When set to false, the BACKSPACE key will focus the last selected item. When set to true, the last item will be immediately deleted. Defaults to true. */backspaceDeletesLastItem: true,

/** * @cfg {String} classField The underlying data field that will be used to supply an additional class to each item. */classField: null,

/** * @cfg {Boolean} fixFocusOnTabSelect When set to true, the component will not lose focus when a list item is selected with the TAB key. Defaults to true. */fixFocusOnTabSelect: true,

/** * @cfg {Boolean} forceFormValue When set to true, the component will always return a value to the parent form getValues method, and when the parent form is submitted manually. Defaults to false, meaning the component will only be included in the parent form submission (or getValues) if at least 1 item has been selected. */forceFormValue: true,/** * @cfg {Number} itemDelimiterKey The key code which terminates keying in of individual items, and adds the current * item to the list. Defaults to the ENTER key. */itemDelimiterKey: [Ext.EventObject.ENTER],/** * @cfg {Boolean} navigateItemsWithTab When set to true the tab key will navigate between selected items. Defaults to true. */navigateItemsWithTab: true,

/** * @cfg {Boolean} pinList When set to true the select list will be pinned to allow for multiple selections. Defaults to true. */pinList: true,

/** * @cfg {Boolean} preventDuplicates When set to true unique item values will be enforced. Defaults to true. */preventDuplicates: true,

/** * @cfg {String} queryValuesDelimiter Used to delimit multiple values queried from the server when mode is remote. */queryValuesDelimiter: '|',

/** * @cfg {String} queryValuesIndicator A request variable that is sent to the server (as true) to indicate that we are querying values rather than display data (as used in autocomplete) when mode is remote. */queryValuesIndicator: 'valuesqry',

/** * @cfg {Boolean} removeValuesFromStore When set to true, selected records will be removed from the store. Defaults to true. */removeValuesFromStore: true,

/** * @cfg {String} renderFieldBtns When set to true, will render in-field buttons for clearing the component, and displaying the list for selection. Defaults to true. */renderFieldBtns: true,

/** * @cfg {Boolean} stackItems When set to true, the items will be stacked 1 per line. Defaults to false which displays the items inline. */stackItems: false,

/** * @cfg {String} styleField The underlying data field that will be used to supply additional css styles to each item. */styleField : null,

/** * @cfg {Boolean} supressClearValueRemoveEvents When true, the removeitem event will not be fired for each item when the clearValue method is called, or when the clear button is used. Defaults to false. */supressClearValueRemoveEvents : false,

/** * @cfg {String/Boolean} validationEvent The event that should initiate field validation. Set to false to disable automatic validation (defaults to 'blur'). */validationEvent : 'blur',

Just been taking a look at this control and there's one thing I'm struggling to get my head round: we'd like to implement it where hitting space adds a new item to the combo. Right now though, I can't even get any kind of add to work. The examples pages have buttons that add explicit items but how do we do it dynamically from user input?

Just been taking a look at this control and there's one thing I'm struggling to get my head round: we'd like to implement it where hitting space adds a new item to the combo. Right now though, I can't even get any kind of add to work. The examples pages have buttons that add explicit items but how do we do it dynamically from user input?

Version for 3.4

Version for 3.4

Hello,
Can anyone help me find the latest version for SuperBoxSelect or the one that supports extjs 3.4 ,

I tried the one in the first page of this thread but have issues related to :

1) Content not being displayed if we come back to the SuperBoxSelect Drop down after we do a bulk delete on the selected items and then when the control moves to another popup/window.
2) Issues with remote store (extjs js error when we delete any item)

Selection dropdown opened on form load.

Selection dropdown opened on form load.

Hey guys I need a little help with this component.

Whenever I load form data and these components load it's stores (I've got 3 of them in the same form) dropdown selection opens up even though some other field is focused.
Anybody else experiencing same thing ? Can this be solved with any property ?