1


我的问题与 Kendo UI 模态视图有关
我有一个列表视图，当单击列表视图项时，我希望它转到具有更多单击项属性的模态视图。
我可以访问 listview 项并将其存储在 JS 变量中。但是我的问题是如何在模态视图的 html5 中引用该对象？
我的代码看起来像这样JS Fiddle 对象当前存储在变量“clicked”
中 我能想到的唯一方法是按原样定义模态视图

 <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

#: # thingy 仅在模板内有效。为了让您使用模板之外的值，您需要将数据存储在全局名称空间中可用的不同变量中，并在模态视图中使用该变量。我在这里修复了你的代码：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 回答