Dropdowns and Custom Editors

[Sam]

I am using a grid to display system user information and have followed the guide for "Edit Records Using External Forms"

I need to implement a drop down editor for a few of the data fields associated with the user (country, userGroup, Roles) and have been struggling to accomplish that goal. 

When I select a user I am using MVVM to populate the fields with the existing information.

This works great for text fields. But fields that require a drop down, will populate with the data source options but will not start with the correct selection already associated with the user.

I hope this is enough information to convey my issue. Let me know if I can provide anything else. 

 

 

 

<input data-role="dropdownlist"
       data-text-field="name"
       data-value-field="groupID"
       data-bind="value: selected.groupID,
                  source: loginGroupsDS"
/>

...

var userViewModel = kendo.observable({
...
        loginGroupsDS: new kendo.data.DataSource({
            transport: {
                read: {
                    type: 'POST',
                    dataType: 'json',
                    url: crudServiceBaseUrl+'getLoginGroups'
                }
            },
            schema: {
                data: "groups"
            }
        }),
        selected: {},
...
}

// where selected contains the data from the select grid row

// loginGroupsDS returns data in the form
groups: {[
    {groupID: 2, name: "Administrator"}

// userViewModel.selected has the same form
selected.groupID: {groupID: 2, name: "Administrator"}

[Tsvetina]

Hi Sam,

In your specific scenario, I think you need a data-value-primitive="true" setting in the DropDownList because you need to bind only the ID value of the DropDownList data items to the field in the Grid.

<input data-role="dropdownlist"
       data-text-field="name"
       data-value-field="groupID"
       data-value-primitive="true"
       data-bind="value: selected.groupID,
                  source: loginGroupsDS"
/>

You can read more about this here:
View-Model Fields with Value Field of Primitive Value



Regards,
Tsvetina
Progress Telerik