Hi, I couldn't find a Kendo UI for React forum so I thought I might try to post this here. I am trying to create a toolbar with multiselect dropdowns that have a remote datasource. The intent is to give options for custom filtering for a grid. I tried to go off the examples available but there are no dataSource examples for React for a dropdown/multiselect template in a toolbar. I've tried doing a basic local dataSource example to get started and even that isn't working. Can someone help?
Here is an excerpt from my code of how I define and render the toolbar. The end goal is to replace the dataSource with a remote dataSource.
...
const toolbarOptions = {
items: [
{ template: "<label for='dropdown'>Materials:</label>"},
{
template: "<select id='material-dropdown' style='width: 150px;' />",
dataSource: [{ item: "Item 1", value: 1 }, { item: "Item 2", value: 2 }],
dataTextField: "item",
dataValueField: "value",
overflow: "never"
}
]
}
return(
<div className="toolbar">
<ToolBar {...toolbarOptions}/>
</div>
)
...