This is a migrated thread and some comments may be shown as answers.

Kendo UI Grid - popup edit - dropDownList

3 Answers 356 Views
Grid
This is a migrated thread and some comments may be shown as answers.
GridLover
Top achievements
Rank 1
GridLover asked on 06 Mar 2017, 01:05 AM

Hi all,

 

I have a kendo UI grid, then I set it as edit. In Grid row, when I click the "Edit", it will have a . In this popup editor, I have the dropDownList to select the value.

 

Now my problem is, my value and dropDownList is separate, which is supposed to together.

 

I attach my code for view.

 

<div style="margin-left:20px; margin-bottom: 20px">
    <div>
        @Html.LabelFor(model => model.Name)
    </div>
    <div>
         @Html.EditorFor(model => model.Name)
         @Html.ValidationMessageFor(model => model.Name)
        @(Html.Kendo().DropDownList()
            .Name("Name2")
            .DataTextField("Name") 
            .DataValueField("ComputerID")
            .DataSource(source =>
            {
                source.Read(read =>
                {
                    read.Action("SelectAll", "Computer"); //Set the Action and Controller names.
                })

                .ServerFiltering(true); //If true, the DataSource will not filter the data on the client.
            })
        )
    </div>
</div>

 

 

 

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 07 Mar 2017, 11:51 AM
Hello,

From the provided code, I did notice that there is an EditorFor and the DropDown editor which will result in two input elements on the page.

If my assumption is not correct, please send more details about the scenario and a runnable example, so I can investigate and assist further.

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
GridLover
Top achievements
Rank 1
answered on 07 Mar 2017, 01:24 PM

Yes. It did. But I do not know how to revise.

 

I am using APS.NET MVC, so it is hard to send the link for you to debug.

 

Can you send me a working example that similar to my case. "I have a kendo UI grid, then I set it as  edit. In Grid row, when I click the "Edit", it will have a  . In this popup editor, I have the dropDownList to select the value."

 

Your many online examples hosted in cannot work.

0
Stefan
Telerik team
answered on 09 Mar 2017, 09:07 AM
Hello,

Could you please advise the desired result with both elements, as when the EditorFor is removed only the DropDown will remain on the page.

Also, please check the documentation demonstrating how to make an automatic binding for the widgetNameFor widgets:

http://docs.telerik.com/aspnet-mvc/getting-started/fundamentals#configuration-Setting

Additionally, if the EditorFor element is for adding or modifying the value of the DropDown then the TextBox should be bound to the model.

In general, providing a custom example can be made by our Progress Professional Services team:

https://www.progress.com/services/outsourcing/custom-app-development-app-customizations

Still, I will be happy to assist if an example reproducing the issue is send, so I can inspect it locally:

http://www.telerik.com/blogs/isolating-a-problem-in-a-sample-project

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Grid
Asked by
GridLover
Top achievements
Rank 1
Answers by
Stefan
Telerik team
GridLover
Top achievements
Rank 1
Share this question
or