Kendo分組列表

我想知道如何修改kendo mobile附帶的示例分組列表視圖。列表視圖顯示平面視圖和分組視圖。如何讓列表視圖中的項目可點擊，以便點擊時導航到不同的網頁？Kendo分組列表

我試着創建一個帶有錨點標籤和href的模板，它在IE中工作，但在android手機上點擊時什麼都不做。

//The Template 

<script type="text/x-kendo-tmpl" id="template"> 
    <div class="myclass"> 
     <a href="TenantView.html">#:name#</a> 
    </div> 
</script> 


//The data binding 

function mobileListViewDataBindInitGrouped() { 
     $("#grouped-listview").kendoMobileListView({ 
      dataSource: kendo.data.DataSource.create({ data: groupedData, group: "letter" }), 
      template: kendo.template($("#template").html()), 
      fixedHeaders: true 
     }); 
    }

感謝

來源

2013-07-06 Rick S

你不應該在IE上測試你的kendo代碼。請始終使用基於Webkit的瀏覽器（例如Chrome或Safari）在移動設備上測試您的代碼，並使用Webkit運行該應用程序。 – Whizkid747

我測試過在我的手機上同時使用chrome和標準android瀏覽器。即使它們有效，單擊鏈接時也不會發生任何反應。謝謝 –

你可以發表你的看法完整的代碼嗎？在哪個事件中你調用這個函數？ – Whizkid747

-1

一些試驗和錯誤，我發現，如果我在模板中刪除DIV標記，錨標記正常工作後。不確定這是一個錯誤還是設計。感謝Whizkid747的幫助。

//Updated Template (removed <div>) 
<script type="text/x-kendo-tmpl" id="template"> 
    <a href="TenantView.html">#:name#</a> 
</script>

來源

2013-07-08 21:30:57

有趣......其實你可以有模板內的任何html元素..我建議你向Kendo團隊報告這個 – Whizkid747

@Downvoters請解釋downvote並給我一個更好的答案。 –

回答

相關問題