Where is SelectedValue on DropDownTree-Item?

[jim]

How do you set, and get back the selected value of an dropdownlist-item set through local data binding?   Here you can see that I have a list of judges, and a list of court dates for each judge,  I would like to be able to set, and get back the id of each court date in the PostBack in razor pages.   How do I do so? 

 

                            <kendo-dropdowntree name="dropdowntree" auto-width="true" >
                                    <items>
                                        @{
                                            foreach (var judge in @Model.JudgesTreeView)
                                            {
                                                <dropdowntree-item text="@judge.Name" title="@judge.Name">
                                                    <items>
                                                        @{
                                                            foreach (var hearings in judge.HearingDate)
                                                            {
                                                                <dropdowntree-item text="@hearings.Text" >                                                               
                                                                </dropdowntree-item>
                                                            }
                                                        }
                                                    </items>
                                                </dropdowntree-item>
                                            }
                                        }
                                    </items>
                                </kendo-dropdowntree>

[Stoyan]

Hello Jim,

Thank you for sharing a snippet the configuration on your side. Coupled with the explanation it enabled me to better understand the scenario at hand.

If you'd like to set the selected value upon initialization you can configure the selected property of the items:

 <kendo-dropdowntree name="dropdowntree" auto-width="true" >
                                    <items>
                                        @{
                                            foreach (var judge in @Model.JudgesTreeView)
                                            {
                                                <dropdowntree-item text="@judge.Name" title="@judge.Name" selected="@judge.Selected">
                                                    <items>
                                                        @{
                                                            foreach (var hearings in judge.HearingDate)
                                                            {
                                                                <dropdowntree-item text="@hearings.Text" selected="@judge.Selected">                                                               
                                                                </dropdowntree-item>
                                                            }
                                                        }
                                                    </items>
                                                </dropdowntree-item>
                                            }
                                        }
                                    </items>
                                </kendo-dropdowntree>

In doing so you must ensure only one of the judges has their Selected field set to true.

Alternatively, you can wait for the page to load and access the client-side instance of the Component and utilize its value method:

$(document).ready(funcion(){
   var dropdowntree = $("dropdowntree").data("kendoDropDownTree");
   dropdowntree.value("Judge Papadoumian")
})

Similarly, on post you can access the dataItem with the use of the value method:

var dropdowntree = $("dropdowntree").data("kendoDropDownTree");
var value = dropdowntree.value();

Hopefully, these suggestions are of help.

Regards,
Stoyan
Progress Telerik