0

私はかみそりのページを持っていて、この方法で Kendo コンボ コントロールを作成しています。

@(Html.Kendo()
                      .ComboBoxFor(model => model.GenderCode)
                      .Name("GenderCode")
                      .Placeholder("Choose Gender...")
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(new List<SelectListItem>()
                             {
                                 new SelectListItem()
                                 {
                                     Text = "Male", Value = "M"
                                 },
                                 new SelectListItem()
                                 {
                                     Text = "Female", Value = "F"
                                 }
                             })
                      .Suggest(true))

しかし、それはこのようにレンダリングされています:

<input data-val="true" data-val-required="Gender Code is required!" id="GenderCode" name="GenderCode" type="text" /><script>
    jQuery(function(){jQuery("#GenderCode").kendoDropDownList({"dataSource":[{"Text":"Male","Value":"M"},{"Text":"Female","Value":"F"}],"dataTextField":"Text","dataValueField":"Value"});});
</script>
            <span class="field-validation-valid" data-valmsg-for="GenderCode" data-valmsg-replace="true"></span>

誰かが私が間違っていることを教えてもらえますか?

更新 さらに調査を行った後、「オブジェクト[オブジェクトオブジェクト]にはメソッド「kendoDatePicker」がありません」というエラーが表示され、剣道サイトでこれを調べたところ、次のように表示されました。

http://docs.kendoui.c ​​om/getting-started/troubleshooting 剣道ウィジェットが利用できない、または未定義であるという JavaScript エラー jQuery がページに複数回含まれている場合、既存のすべての jQuery プラグイン (剣道 UI を含む) が消去されます。必要な Kendo JavaScript ファイルが含まれていない場合にも発生します。次の JavaScript エラーがスローされます (ブラウザによって異なります): TypeError: Object # has no method 'kendoGrid' (Google Chrome の場合) TypeError: $("#Grid").kendoGrid is not a function (FireFox の場合) Object does not 't support property or method 'kendoGrid' (Internet Explorer 9 以降) Object does not support this property or method (古いバージョンの Internet Explorer)

そのため、バンドルを確認しましたが、jquery のインクルージョンを 2 倍にしている場所はどこにもありません。

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery.ui.core.css",
                    "~/Content/themes/base/jquery.ui.resizable.css",
                    "~/Content/themes/base/jquery.ui.selectable.css",
                    "~/Content/themes/base/jquery.ui.accordion.css",
                    "~/Content/themes/base/jquery.ui.autocomplete.css",
                    "~/Content/themes/base/jquery.ui.button.css",
                    "~/Content/themes/base/jquery.ui.dialog.css",
                    "~/Content/themes/base/jquery.ui.slider.css",
                    "~/Content/themes/base/jquery.ui.tabs.css",
                    "~/Content/themes/base/jquery.ui.datepicker.css",
                    "~/Content/themes/base/jquery.ui.progressbar.css",
                    "~/Content/themes/base/jquery.ui.theme.css"));

        // The Kendo JavaScript bundle
        bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                "~/Scripts/kendo/2013.2.716/kendo.web.min.js", // or kendo.all.min.js if you want to use Kendo UI Web and Kendo UI DataViz
                "~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js"));


        // The Kendo CSS bundle
        bundles.Add(new StyleBundle("~/Content/kendo").Include(
                "~/Content/kendo/2013.2.716/kendo.common.*",
                "~/Content/kendo/2013.2.716/kendo.default.*"));

UPDATE 2 私は周りを切り替えてこれを試しました

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-2.0.3.js"));

            // The Kendo JavaScript bundle
            //bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            //        "~/Scripts/kendo/2013.2.716/jquery.min.js"));
4

2 に答える 2

0

依存関係を再確認することをお勧めします。このページから、コンボ ボックスには jquery.js が必要ですが、バンドルには表示されません。

于 2013-09-17T18:12:26.730 に答える