Listbox selected items to Controller
12 Replies
We have checked your query. You can use your pre-defined model class(‘Test’) itself to retrieve multiple selected GUID values from the ListBox(rendered in Grid edit dialog) by using the below steps,
Initially, as mentioned in our previous update please ensure to define a primary key column for the Grid(in order to perform CRUD actions on it) and specify the CRUD action url. Then define the input control for the corresponding primary key column also in the partial view(to be rendered in the dialog edit template).
Now in the Grid’s actionBegin event, set the list box’s value property(instead of text as previously suggested) to its corresponding field as demonstrated in the below code snippet,
|
function onActionBegin(args) {
if (args.requestType === "save") {
var listInstance = args.form.querySelector("#CountyId").ej2_instances[0];
args.data["CountyId"] = listInstance.value;
}
} |
Now in the controller action method(set for inserting records in the Grid’s data manager instance), you can access the newly added value by extending your pre-defined model class(‘Test’) to the CRUD model class.
|
public ActionResult Insert(CRUDModel1<Test> dm)
{
// Here you can access the GUID values from ‘dm.value’
List<Test> model = new List<Test>();
model.Add(dm.value);
return Json(dm.value);
}
public class CRUDModel1<T>: Test
{
public string action { get; set; }
public string keyColumn { get; set; }
public int key { get; set; }
public T value { get; set; }
}
public class Test
{
public Guid[] CountyId { get; set; }
public string t { get; set; }
public int Id { get; set; }
} |
On doing this you will be able to receive the selected GUID values of the list box as shown in the below image,
 |
Please find the modified sample for your reference below,
Could you please check the above details and get back to us, if you need assistance on this.
Regards,
Aravinthan S
SIGN IN To post a reply.
