multiselect box in dojo - dojo

I have two multiselect boxes on page in which one multiselect box is populated onload of a page and on the basis of selection in first multibox corresponding values will populated in next multiselect box. Any idea how we can achieve this.
Can we use dijit.form.FilteringSelect to get the relevant data from a json file in to a multiselect box?.

dijit.form.MultiSelect has a method addSelected that will help you do this.
Have a look at the test page for the MultiSelect widget for an example close to what you were looking for:
http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dijit/tests/form/test_MultiSelect.html

Related

Element ui el-table component higlight selected cell

Using this component
https://element.eleme.io/#/en-US/component/table
I see el-table has event cell-click for clicked columns. I need to highlight the selected cell. Is that currently possible? Can not find anything related to this in the documentation. In jquery datatable we can select one or multiple cells https://datatables.net/extensions/select/examples/initialisation/cells.html

Vuetify combobox set focus to the next combobox when yes is clicked on a dialog

I am using Vuetify combox control in a project I also have a dialog that pops up #blur to the next combobox to confirm the entry that is typed in the first combobox I am have two issues going on.
the first issue is that I want to set focus onto the next combobox or input when yes is clicked on the dialog I have tried using nextTick for this with some code to make it focus but it does not work. How can I go about setting this up so that it focuses the next input when yes is clicked ?
The second issue is that when you click on the next combobox the dialog gets its name from the item that is clicked. So if I were to type something into category then click on the next combobox manufacturer would show up in the dialog instead of category.
Can anyone point me to some insight on how I can correct this ?
I have setup an example in code sandbox for you to take a look to see if yall can help me out on these issues.
Code Sandbox Example
Rather late than never.
You can set the autofocus prop to have it focused.
<v-combobox
:autofocus="focusCombox"
...
Check their API: https://vuetifyjs.com/en/api/v-combobox/

Making the combo box as readonly in Haml

I have created a combo box in Haml (Form_tag). I need to make it as not editable and to pass the value while clicking the submit button. I have tried "readonly" property. While using that I can able to edit that. I also tried "disabled" property. But it pass null value for that combo box.
Could you please help me on this?
I got the answer . If we use the readonly attribute in dropdown, it won't work. It will list the values in the dropdown when clicked.
For that we need to disable the dropdown and add a hidden field to that drop down which holds the selected value for that dropdown list.
Thanks,
Karthik

Extjs 4 Can we have Grid with Combo always on i.e. without clicking on cell and in Editor show combo

I am using Extjs 4.1.1
I want to show combo always in Grids perticular cell.
i.e. not on click editor will get on and show combo.
When page get's load always show with Grid with one cell with combo.
earlier I have used, "itscomponentcolumn" for this, want to know is there any other solution for this ?
I will explain with the help of images..
on page load we get Grid something like this.
and after cell click we get Grid with that particular cell with combo.i.e.
So I want, without click on cell always show combo on each cell of the "Light" Grid's column.
i.e on page load structure of Grid should be like
I hope I am able to explain my requirement.
Please suggest the possible way to achieve this.

How can I make a Wicket form save radio button state?

I want to have a repeater like DataView or ListView. The first column of each row (named User ID) should be read from a List, and for each user ID, the program should dynamically create three radio buttons like these:
Requirements:
The user must able to change selection of radio buttons.
When the user clicks the submit button, radio values be displayed using the info("") method.
I've already done this by using this example, but when I click the submit button, old selections are shown, and the form gets reset to those old selections.
This example code might be helpful.
ListView doesn't play very well with form components, but it may work if you call ListView.setReuseItems(true);.