Kendo UI模式视图中的参考对象属性

时间:2013-04-29 22:14:28

标签: javascript html5 kendo-ui kendo-mobile


我的问题与剑道UI模态视图有关 我有一个listview,当点击listview项目时,我希望它转到一个模态视图,其中包含更多点击的项目属性。
我可以访问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> 

但后来我无法引用点击的变量属性...... 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

#:#thingy只能在模板中使用。为了使用模板外部的值,您需要将数据存储在全局名称空间中可用的其他变量中,并在模态视图中使用该变量。我在此处修改了您的代码:http://jsfiddle.net/kendomobile/MPzVu/8/

我在模态视图<span id="modalview-text"> </span>内创建了一个span,在click事件中,将值存储在全局变量(listItemclicked)中,并使用此jQuery代码在span中编写变量:{{ 1}}

$('#modalview-text').text(listItemclicked.name);