【问题标题】:Problem with client event on Telerik MVC ComboboxTelerik MVC Combobox 上的客户端事件问题
【发布时间】:2010-12-16 12:20:56
【问题描述】:

我在 MVC 3 Razor 视图中有以下标记。照原样,组合框正确呈现,但当我单击下拉箭头时不会下拉。如果我删除由创建视图模板添加到视图中的 jQuery 验证脚本引用,则一切正常。这里有什么问题?

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    function provinceChanged() {
        var cityCombo = $('#Cities').data('tComboBox');
        cityCombo.loader.showBusy();

        $.get(url, { provinceId: e.value }, function (data) {
            cityCombo.dataBind(data);
            cityCombo.loader.hideBusy();
            cityCombo.enable();
        });
    }
</script>

...

<div class="editor-field">
    @(Html.Telerik().ComboBox()
        .Name("Provinces")
        .SelectedIndex(1)
        .BindTo(new SelectList(Model.ProvinceList, "ProvinceId", "Name"))
        .ClientEvents(events => events.OnChange("provinceChanged"))
    )
</div>

这是在我的主布局中引用 jQuery 的方法:

<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Styles/Blueprint/screen.css") rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    @Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.vista.css"))
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
</head>

已解决:我不知道还有什么变化,但是在将 jQuery Validate 引用放回去只是为了一个代码示例之后,我的代码现在也可以使用它们了。

【问题讨论】:

    标签: asp.net-mvc telerik asp.net-mvc-3 telerik-mvc


    【解决方案1】:

    检查this。您可能使用的是旧版本的 jquery.validate.js,它与 jQuery.fn.delegate 冲突。

    【讨论】:

    • 冲突仅存在于旧版本的 jquery.validate.js 中。我建议您粘贴包含 jquery.validate.js 的方式。它可以包含在之前 jquery 本身吗?
    • 我从“master”添加了我的 标签,并修改了上面的
    • 我在放回验证引用后尝试了我的代码,现在它可以与它们一起使用。我永远不会知道出了什么问题,但感谢您的帮助。
    • 如果您不禁用 ScriptRegistrar,它将包含 jQuery 1.4.3。同时包含的两个版本的 jQuery 肯定会发生冲突。要禁用 jQuery 的自动包含,请执行以下操作:
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多