custom values in grid drop-down

[edwardsmarkff]

hello –

it appears all of the grid examples are using EXISTING data in the drop-down.

is there an example available of a grid drop-down that contains entirely custom values?

in my example here:

https://codepen.io/edwardsmarkf/pen/KKoeoZN

the dropdown contains four last names, but they already exist in the data.  what if i want to have “Edwards” in the drop-down but it is not presently contained in the data?

grid looks totally awesome, and of course has the predictable learning curve!

 

[edwardsmarkff]

got it:

https://codepen.io/edwardsmarkf/pen/KKoeoZN

this was MUCH more difficult than it should have been.   maybe provide a website example?

const myDropDownValues = ['one', 'two','three', 'last'];
.
.
{ label: 'Last Name', dataField: 'lastName', template: ''
, editor: { template: 'dropDownList'
,  dataSource:      myDropDownValues
}
},

also, i never found anyplace where editor is described in the documentation – at least not specifically under ‘grid’.

 

• This reply was modified 2 years, 3 months ago by edwardsmarkff.
• This reply was modified 2 years, 3 months ago by edwardsmarkff.
• This reply was modified 2 years, 3 months ago by edwardsmarkff.
• This reply was modified 2 years, 3 months ago by edwardsmarkff.

[svetoslav_borislavov]

Hi,

Thank you for the feedback!

You can read more about editor in the docs -> grid -> API -> columns (expand the columns) -> editor: editor
In case you can’t find it:

editor: string | { template?: string, settings?: any, onInit?: any, onRender?: any, setValue?: any, getValue?: any}

Sets or gets the column's editor. The property expects 'input', 'autoComplete', 'comboBox', 'dropDownList', 'image', 'numberInput', 'checkBox', 'multiInput', 'multiComboInput', 'checkInput', 'slider', 'dateTimePicker', 'timeInput', 'dateInput', 'dateRangeInput', 'maskedTextBox', 'textArea' or a custom object with 'template' property which defines the editor type, 'settings' property which defines the custom editor's properties, 'onInit(int row, string column, object editor, object rowData): void', 'onRender(int row, string column, object editor, object rowData): void', 'setValue(object value): void' and 'getValue(object value): any' callback functions.

Here is a demo with it editor-demo

If you have any further questions, do not hesitate to contact us!

 

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[edwardsmarkff]

ha ah – wow i cant believe i missed that!

hey, just a suggestion.  i am your BIGGEST fan customer out there (but obviously far away from the smartest) and yet somehow i missed/overlooked the little arrow to get more information on a subject.

is the arrow next to the property/event/method too small?  or am i just not very observant??  (please dont answer that….)

i have been using smart-elements for a couple of years now and i have never noticed this before.  😳😳😳😳😳😳😳

 

 

• This reply was modified 2 years, 3 months ago by edwardsmarkff.

[svetoslav_borislavov]

Hi,

 

We are so happy to hear that! Thank you for the feedback!

 

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts