Bind DropDropDownListFor in ListView Template Asp.net Core

[Carlos]

I have a list view template that contains a Kendo DropDownListFor.  I can't figure out how to bind to a property of my model. The code that I tried is below  I commented out the bindto.  My model is ContactViewModel with a property of a List of ContactAddress with properties of FullStreetAddress and ContactAddressId.   I am not sure how to set this up.  Any help would be appreciated.

<script type="text/x-kendo-template" id="contacttemplate">
        <div>

            @(Html.Kendo().DropDownListFor(m=>m.SelectedContactAddressId)

   .Name("addressDropDown")

   .DataTextField("FullStreetAddress")

   .DataValueField("ContactAddressId")

    //.BindTo(#:ContactAddresses#) // Normally non template .BindTo(Model.ContactAddresses) This is a error also

    .ToClientTemplate()

     )

[Carlos]

I messed up the question should be Concerning a DropDownList

@(Html.Kendo().DropDownList()
.Name("addressDropDown")
.DataTextField("FullStreetAddress")
.DataValueField("ContactAddressId")
//.BindTo("#:ContactAddresses#")
.ToClientTemplate()
)

[Ivan Danchev]

Hello Carlos,

If the model is declared like this:

@model MyApp.Models.ContactViewModel

You will have access to the ContentAddresses field: 

.BindTo(Model.ContactAddresses)

However, if you are using an IEnumerable of ContactViewModel:

@model IEnumerable<MyApp.Models.ContactViewModel>

you cannot use this approach since the model will be a collection of ContactViewModel.

Evaluating the ContactAddresses field in the template ("#:ContactAddresses#") won't work either since when using server binding (BindTo) the data must already be present on the client. BindTo works with the model directly, e.g.: Model.ContactAddresses, or you can pass a server variable, for instance a ViewBag:

.BindTo((System.Collections.IEnumerable)ViewData["addresses"])

Thus, in this scenario consider using remote binding, instead of server binding with the BindTo method.

Regards,
Ivan Danchev
Progress Telerik

[Carlos]

Thank you for your response.  For now I flattened the data giving me unique rows but appear to be duplicated because of different phone numbers.  Once I get the page roughed in, I will circle back and see if I can make this work the listview with dropdowns and another remote call just for the phone numbers.

[Carlos]

I have had some time to research to add remote binding.  My problem is the Id/Name is not unique and I can not pass a parameter.  The following code creates an invalid template:

                               @(Html.Kendo().DropDownList()
                                        .Name("homePhoneDropdown_#:ContactId#")
                                        .DataTextField("PhoneNumber")
                                        .DataValueField("ContactPhoneId")
                                        .DataSource(source =>source
                                            .Ajax()
                                            .Read(read => read.Action("ReadPhone", "Summary", new { Area = "Summary", id = #:ContactId# }))
                                        )
                                        .HtmlAttributes(new { style = "width: 100%;", @class="dropdown" })
                                    .ToClientTemplate()
                                    )

I need to pass the current ContactId to get the correct phones numbers from the service.  I have tried a literal 7522, #:ContactId#, #=ContactId# with and without quotes.  I am not sure were the error is in the ID or the read.  Any help would be appreciated.

[Carlos]

My mistake the id is #=.  Not sure about using the #=ContactId# for the parameter.  Using the literal everything works.  Just need to pass the parameter value of ContactId.  At least I am making progress.

[Carlos]

I solved the problem I changed the parameter from long to string and changed the code to new { Area = "Summary", id = "#=ClientId#"}.  In the controller parse the string to a long and pass that to my ling where clause.  All is good.  I probably should check for null.  Thanks for the assist earlier.