1


私の問題は、リストビューの Kendo UI モーダル ビュー
に関連しています。リストビュー アイテムがクリックされると、クリックされたアイテムの属性が多く含まれるモーダル ビューに移動します。
リストビュー項目にアクセスして、JS 変数に保存できます。ただし、私の質問は、モーダル ビューの html5 でオブジェクトを参照するにはどうすればよいですか?
私のコードは次のようになりますJS Fiddle オブジェクトは現在、変数 'c​​licked' に格納されています
モーダル ビューをそのまま定義する唯一の方法

 <div id="modal" data-role="modalview" style="width: 95%; height: 95%;">
    <div data-role="header">
        <div data-role="navbar">
            <a data-align="right" data-click="closeModalView" data-role="button">Close</a>            
        </div>       
    </div>
    #: clicked.name #
</div>

しかし、クリックした変数の属性を参照することはできません......どんな助けでも大歓迎です。

4

1 に答える 1

1

#: # はテンプレート内でのみ機能します。テンプレートの外部で値を使用するには、グローバル名前空間で使用可能な別の変数にデータを保存し、その変数をモーダル ビュー内で使用する必要があります。ここでコードを修正しました：http://jsfiddle.net/kendomobile/MPzVu/8/

モーダル ビュー内 <span id="modalview-text"> </span>とクリック イベント内にスパンを作成し、グローバル変数 ( listItemclicked) 内に値を格納し、次の jQuery コードを使用してスパン内に変数を書き込みました。 $('#modalview-text').text(listItemclicked.name);

<ul data-role="listview" id="eventfeed" data-click="listViewClick"></ul> 
        <div id="modal" data-role="modalview" style="width: 95%; height: 95%;">
    <div data-role="header">
        <div data-role="navbar">
            <a data-align="right" data-click="closeModalView" data-role="button">Close</a>            
        </div>       
    </div>
            <span id="modalview-text"> </span>
</div>
于 2013-04-29T22:35:46.603 に答える