Issue with Kendo UI dropdown list optionLabel

Question

0.00/5 (No votes)

See more:

I have a kendoUI dropdown list, I've been having issues with the template and I couldn't manage to have a header for that template; I did what I learned from internet but it didn't work well, along with that issue, I had another issue, for this dropdown list, if I set optionLabel, there's an error in console, the dropdown list tries to find the fields mentioned in the template and since option label cannot have any data, it doesn't find it and ends up reporting an error. the list is not bound as well. Can anyone help me out here? I've already resolved the issue for this dropdown not working well the my header, but this optionLabel issue is still there, and it's important, can't be left as it is. I don't need any value of the list to be pre-selected at the beginning.

here's the sample, I create a multi-column dropdown list, and initialize it, put a header to the list so that the header stays still even if the list is scrolled up or down (another one of my needs). if I comment the "optionLabel" here, everything seems to be working just fine, but if I try to have this optionLabel, error occurs, "Uncaught ReferenceError: Address is not defined", as I see it, it considers the optionLabel as a dataItem and so tries to get the value of the fields. That's my issue, I need it to be resolved.

I created a JSFiddle example for that here

Posted 26-Jun-13 0:55am

Umais ASGHAR

Add a Solution

2 solutions

Solution 2

Hey Umais,

Have you tried editing the 'GridForeignKey' Editor Template (~/Shared/EditorTemplates/) ?

You just have to set .OptionLabel property as following code:

JavaScript

@model object
           
@(
 Html.Kendo().DropDownListFor(m => m)
 .OptionLabel("Please Select ...") 
 .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
)

That worked for me, hope that helps :)

Cheers

Posted 23-Nov-14 13:41pm

Pratzy

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Umais ASGHAR · Accepted Answer · 2013-07-01T22:30:00

Solution 1

I solved it by adding another dataItem in the drop down list with select label (display text) and 0 value, that was the solution I had in mind but I was thinking maybe I could get another one, as for now, it's working for me.

Posted 1-Jul-13 22:30pm

Umais ASGHAR