ページにいくつかの KendoUI Web ウィジェットを実装しようとしていますが、ウィジェットが期待どおりに機能せず、次の問題があります。
Editor
初期化は問題ありませんが、オプションにカーソルを合わせると強調表示されますが、離れると通常に戻るはずですが、そうではないなどの問題はほとんどありません- ページを数回更新すると、正常に
Editor
初期化される場合もありますが、そうでない場合もあります - 他のウィジェットも初期化されていませ
kendoDatePicker();
んkendoDropDownList();
- 私の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>