2013-04-29 72 views
1


我的問題涉及Kendo UI模式視圖
我有一個列表視圖,當點擊一個listview項目時,我想讓它進入一個模態視圖,點擊更多項目屬性。
我可以訪問listview項目並將其存儲在JS變量中。然而,我的問題是如何引用該對象,然後在模態視圖的html5中?
我的代碼看起來像這樣JS Fiddle 目前的對象存儲在變量「點擊」
我能想到定義模式視圖作爲是Kendo UI模式視圖中的參考對象屬性

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

的唯一途徑,但後來我不能引用點擊變量屬性...... 任何幫助將不勝感激。

回答

1

#:#thingy只能在模板中使用。爲了讓您使用模板以外的值來將數據存儲在全局名稱空間中可用的其他變量中,並在模式視圖內使用該變量。我有固定的代碼在這裏:http://jsfiddle.net/kendomobile/MPzVu/8/

創建模式視圖<span id="modalview-text"> </span>內部和click事件的跨度,存儲在一個全局變量(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> 
+0

這樣做的另一種方法是使用MVVM並綁定對象listItemclicked到HTML元素的模態窗口內,使得在數據改變時,模式窗口自動反映了變化。 – Whizkid747 2013-04-29 22:37:05

+0

謝謝,我看看未來的問題。 – 2013-04-29 22:45:20

+0

Whizkid,雖然你是我的英雄,謝謝。 – 2013-04-29 22:45:42