1

剣道モバイルリストビューのすべてのリスト項目にチェックボックスを表示したいので、剣道リストビューテンプレートで指定しましたが、リストビューは正しく表示されますが、チェックボックスは表示されません. 私のコードは次のようなものです:

<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>

4

2 に答える 2

0

Gene Cからの入力を使用して編集された回答 チェックボックス内にラップされている場合、Gene Cが指摘したように問題なく表示されます。

チェックボックスをスイッチビューに変換すると、コードは正常に機能します。また、テンプレートに data-role="listview-link" を追加しないでください。これは、テンプレートがリスト ビューに添付されると、剣道によって自動的に追加されます。リスト アイテム内にクリック可能なウィジェットがある場合、すべてのアイテムをラップするハイパーリンクを追加しません。ユーザーがスイッチボタンをチェックしてからナビゲートすることを期待している場合は、ナビゲーションを行うためのボタンを用意することをお勧めします。

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-20T16:06:13.313 に答える