努力确定哪些 kendo UI 小部件/功能可与 kendomobile 一起使用 :(
有没有人让这个例子在移动设备上工作,特别是 editTemplate 段?
http://demos.kendoui.com/web/listview/editing.html
我当前的代码看起来像这样
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script>
var eventDetail = $("#eventDetail").kendoMobileListView({
dataSource: dataSource,
template: kendo.template($("#eventDetail-template").html()),
editTemplate: kendo.template($("#update_eventDetail-template").html())
}).delegate(".k-edit-button", "click", function(e) {
eventDetail.edit($(this).closest(".fields"));
e.preventDefault();
}).delegate(".k-delete-button", "click", function(e) {
eventDetail.remove($(this).closest(".product-view"));
e.preventDefault();
}).delegate(".k-update-button", "click", function(e) {
eventDetail.save();
e.preventDefault();
}).delegate(".k-cancel-button", "click", function(e) {
eventDetail.cancel();
e.preventDefault();
}).data("kendoMobileListView");
$("#eventDetail").kendoMobileListView({
pageable: true,
selectable: true,
navigatable: true,
editable: true
});
</script>
然后在我看来
<input type="button" class="k-edit-button" id="eventEditButton" style="width:30%" data-role="button" data-min="true" value="Edit" />
但控制台抛出:
Uncaught TypeError: Object [object Object] has no method 'edit'
我可以假设 kendo.mobile.min.js 没有编辑吗?