kendo-ui - 将 Javascript 事件绑定到 KendoUI 移动 ListView

Question

我正在使用 KendoUI，fire当用户触摸每个特定的 LI 项目时，我需要一些 javascript 事件。这可能吗？这是我映射它们的方式..帮助！

在此先感谢:) 新的。

<ul data-role="listview" data-style="inset" data-type="group">
    <li><a data-role="button" data-click="runFunctionOne">Function One</a></li>
    <li><a data-role="button" data-click="runFunctionTwo">Function Two</a></li>
</ul>

JS::

functionOne() {
    alert("Function one pressed");
};

functionTwo() {
    alert("Function two pressed");
};

Answer 1

请记住，您还可以使用Kendo 列表视图单击事件。单击链接以查看文档。参数“e”使您可以访问列表视图的 dataItem，它是控件数据源的子集。

像这样

    $("#customerList").kendoMobileListView({
                                            dataSource: customerDataSource,
                                            template: '<a>${Company}<span class="k-status-text"> <br />${CustNo}</span></a>',
                                            dataType:"json",
                                            style: "inset",
                                            click: function(e){
                                                var index = $(e.item).index();
                                                var text= $(e.item).index();
                                                alert(e.dataItem.CustNo);
                                                // redirect to
                                                app.navigate("#overview-customer");


                                            },
                                            dataBound: function(e){
                                                alert("Ive been bound");
                                            }
                                        });

Answer 2

对的，这是可能的！

这是 JavaScript：

function runFunctionOne() {
    alert("Function one pressed");
};

function runFunctionTwo() {
    alert("Function two pressed");
};

您忘记了function函数名称之前的关键字以及 HTML 中的函数名称 wasrunFunctionOne和 not functionOne。