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

[Solved] Combo Box is not working - It is disabled...

2 Answers 153 Views

ComboBox

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

This question is locked. New answers and comments are not allowed.

David asked on 26 Apr 2012, 04:17 PM

Hi

I have got a Combo Box which is disbaled. When it should be enabled.

It is as follows:

@(

this.Html.Telerik().DropDownList()

.Name("PageSize")

.SelectedIndex(0)

.ClientEvents(events => events.OnChange("PageSize_DropDownListChange"))

.Items(items =>

{

items.Add().Text("10").Value("10");

items.Add().Text("20").Value("20");

items.Add().Text("30").Value("30");

items.Add().Text("40").Value("40");

items.Add().Text("50").Value("50");

items.Add().Text("100").Value("100");

items.Add().Text("200").Value("200");

})

)

The resource files I am loading are as follows. i have to load them like this instead of ScriptRegistrar, etc because I am using composite C1 which does not recognise telerik in the masterlayout only in a mvc player.

<link rel="stylesheet" href="~/content/2012.1.214/telerik.common.min.css" type="text/css" />

<link rel="stylesheet" href="~/content/2012.1.214/telerik.black.min.css" type="text/css" />

<link rel="stylesheet" href="~/content/2012.1.214/telerik.rtl.min.css" type="text/css" />

<script src="/Scripts/2012.1.214/jquery-1.7.1.min.js" type="text/javascript" language="javascript">

</script>

<script src="/Scripts/2012.1.214/jquery.validate.min.js" type="text/javascript" language="javascript">

</script>

<script src="/Scripts/2012.1.214/telerik.common.min.js" type="text/javascript" language="javascript">

</script>

<script src="/Scripts/2012.1.214/telerik.all.min.js" type="text/javascript" language="javascript">

</script>

Can you see what I am doing wrong?

David

2 Answers, 1 is accepted

answered on 07 May 2012, 10:15 PM

I have the same issue. Completely virgin page:

@{

ViewBag.Title = "About";

Layout = null;

}

<!DOCTYPE html>

<html lang="en" class="no-js">

<head>

<meta charset="utf-8" />

<title>@ViewBag.Title</title>

<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.black.css").Combined(true).Compress(true)))

<script src="~/scripts/jquery-1.7.2.js"></script>

@(Html.Telerik().ScriptRegistrar().Globalization(false).DefaultGroup(group => group.Combined(true).Compress(true)))

<meta name="viewport" content="width=device-width" />

</head>

<body>

@Html.Telerik().ComboBox().Name("cboName").Items(item => {

item.Add().Text("Black").Value("Black");

item.Add().Text("Vista").Value("Vista");

item.Add().Text("Transparent").Value("Transparent").Selected(true);

}).AutoFill(true).HighlightFirstMatch(true).OpenOnFocus(true)

</body>

</html>

If it matters it's MVC 4 built on .NET 4.0