2

ページにいくつかの KendoUI Web ウィジェットを実装しようとしていますが、ウィジェットが期待どおりに機能せず、次の問題があります。

  1. Editor初期化は問題ありませんが、オプションにカーソルを合わせると強調表示されますが、離れると通常に戻るはずですが、そうではないなどの問題はほとんどありません
  2. ページを数回更新すると、正常にEditor初期化される場合もありますが、そうでない場合もあります
  3. 他のウィジェットも初期化されていませkendoDatePicker();kendoDropDownList();
  4. 私のJQフォーム検証もこのページで機能していません

さらに、クロムコンソールでは、次のエラー Uncaught TypeError: Cannot call method 'removeClass' of undefinedが行番号 23679 にkendo.web.jsあり、次のように述べています。

if (value !== DropDownList.fn.value.call(that)) {
            that.text(that.options.title);
            that._current.removeClass("k-state-selected");//This is line # 23679
            that.current(null);
            that._oldIndex = that.selectedIndex = -1;
        }

ページに次のスクリプトが含まれています。

<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/kndu/kendo.web.js"></script>
…
….

<script>
    $(document).ready(function () {
        $("#editor").kendoEditor({
            tools: [
                "bold",
                "italic",
                "underline",
                "strikethrough",
                "justifyLeft",
                "justifyCenter",
                "justifyRight",
                "justifyFull", "insertUnorderedList",
                "insertOrderedList",
                "formatBlock",
                "createLink",
                "unlink",
                "insertImage",
                "insertHtml",
                "viewHtml",
                {
                    name: "customTool",
                    tooltip: "Format as Code",
                    exec: function (e) {
                        var editor = $(this).data("kendoEditor");
                        editor.exec("inserthtml", { value: "<pre>" });
                    }
                }],

        });
        $("#date").kendoDatePicker();
        $("#categry").kendoDropDownList();


        $("#newpost").validate({
            rules: {
                ttle: {
                    maxlength: 150,
                    required: true,
                    onlyChars: true
                },
                smmry: {
                    maxlength: 250,
                    required: true
                },
                editor: {
                    maxlength: 35,
                    required: true
                },
                categry: {
                    required: true
                }
            }
        });
    });
    $.validator.addMethod('onlyChars', function (value) {
        return /^[a-zA-Z ]+$/.test(value);
    }, 'Please enter a valid name with only alphabets');
</script>
4

1 に答える 1