Question

努力确定哪些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没有编辑？

Answer 1

努力确定哪些kendo UI小部件/功能与kendomobile一起使用

模板，MVVM，DataSource，Validator等所有框架功能都适用于KendoUI Mobile。

我是否正确地认为kendo.mobile.min.js没有编辑？

是的，Mobile ListView没有像Web ListView这样的内置编辑功能（这是两个不同的小部件）。如果您想在Mobile ListView中编辑数据，请考虑使用MVVM和DataSource的API方法。从here开始，您可以下载演示该方法的示例项目。

kendo.mobile.min.js是否可以进行模板编辑功能？

1 个答案: