kendo ui移動列表顯示覆選框

我想在kendo移動列表視圖中顯示所有列表項的複選框，因此，我在我的kendo列表視圖模板中給出了 listview顯示正確，但複選框不顯示。我的代碼是這樣的：使用輸入kendo ui移動列表顯示覆選框

<script id="script-id" type="text/x-kendo-template"> 

<a href="\#next_view" class="km-listview-link" data-role="listview-link"> 
     <input type="checkbox" checked="checked"/> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 
</a>

來源

2013-05-20 Pa1

答案編輯從基因C 由於基因C指出，如果包裹在裏面一個複選框顯示正常。

如果您將您的複選框轉換爲切換視圖，代碼將正常工作。你也不應該在你的模板中添加data-role =「listview-link」。當您的模板附加到列表視圖時，這將由kendo自動添加。當我們在列表項目中有可點擊的小部件時，我們不會添加超鏈接來包裝所有項目。如果您希望用戶檢查切換按鈕然後導航，最好有一個按鈕來執行導航。

這裏是jsbin一個完整的工作示例：

http://jsbin.com/obajih/3/edit

香港專業教育學院改變了你的模板，以這樣的：

<script id="script-id" type="text/x-kendo-template"> 

     <div> 
     <input type="checkbox" data-role="switch" /> 
    </div> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 

    </script> 

    </div>

來源

2013-05-20 16:06:13 Whizkid747

嗨！在列表視圖上使用過濾器時如何保持已選狀態？ – chamara

劍道UI不支持的複選框輸入的結合和風格化：

<script id="script-id" type="text/x-kendo-template"> 
    <label> 
     <input type="checkbox" checked="checked"/> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 
    </label> 
</script>

我不能向你保證，列表ite如果您還包含<a>，m將會表現或展示您期望的方式。您可能需要綁定到<ul>上的點擊事件處理程序：

<ul data-role="list-view" data-bind="click: navigateToNextView"/>

來源

2013-05-20 18:26:30

您是否嘗試在上述模板中添加複選框並運行它？該複選框不可見。不確定它是否是當前版本中的錯誤。 – Whizkid747

我確實試過了，當模板中還有一個''時，複選框沒有出現。這就是爲什麼我建議刪除''（如果可能）並使用'list-view'上的click事件處理程序。不理想，但我想我會給這個問題提供一些選擇。這就是說，我發現自己不再使用輸入複選框和''在列表視圖模板內導航，因爲它們似乎不適用於iOS設備觸摸事件。 –

對我來說，即使anchro標籤被刪除複選框不會出現..請檢查此jsbin：http://jsbin.com/obajih/9/。 – Whizkid747

kendo ui移動列表顯示覆選框

回答

相關問題