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

Reference Object Properties in a Kendo UI Modal View

本文关键字:对象 属性 视图 Kendo UI 模式 参考      更新时间:2023-09-26


我的问题与Kendo UI模态视图有关
我有一个列表视图,当单击列表视图项时,我希望它转到具有更多单击项属性的模式视图
我可以访问listview项并将其存储在JS变量中。然而,我的问题是,如何在html5中引用模态视图的对象
我的代码如下所示JS Fiddle对象当前存储在变量"已单击"中
我唯一能想到的将模态视图定义为的方法

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

但是我不能引用点击的变量属性。。。。。。如有任何帮助,我们将不胜感激。

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