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

はい、可能です！

これはJavaScriptです：

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

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

関数名の前のキーワードを忘れておりfunction、HTML 内の関数名がrunFunctionOneand not でしfunctionOneた。

Answer 2

Kendo リストビューのクリック イベントも使用できることに注意してください。リンクをクリックしてドキュメントを表示します。引数「e」を使用すると、コントロールの dataSource のサブセットであるリストビューの 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");
                                            }
                                        });