Javascript 在剑道UI模式视图中引用对象属性

Javascript 在剑道UI模式视图中引用对象属性,javascript,html,kendo-ui,kendo-mobile,Javascript,Html,Kendo Ui,Kendo Mobile,我的问题与剑道UI模式视图有关 我有一个listview,当单击listview项目时,我希望它转到一个模式视图,其中包含更多单击的项目属性。 我可以访问listview项并将其存储在JS变量中。然而,我的问题是,如何在html5中为模态视图引用对象? 我的代码如下所示 对象当前存储在变量“clicked”中 我能想到的唯一方法是按原样定义模态视图 <div id="modal" data-role="modalview" style="width: 95%; height: 95%;"


我的问题与剑道UI模式视图有关
我有一个listview,当单击listview项目时,我希望它转到一个模式视图,其中包含更多单击的项目属性。
我可以访问listview项并将其存储在JS变量中。然而,我的问题是,如何在html5中为模态视图引用对象?
我的代码如下所示 对象当前存储在变量“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> 

接近
#:clicked.name#
但是我无法引用单击的变量属性。。。。。。 任何帮助都将不胜感激

thingy只在模板中起作用。为了使用模板之外的值,需要将数据存储在全局名称空间中可用的不同变量中,并在模式视图中使用该变量。我已在此处修复了您的代码:

我在模态视图
中创建了一个span,并在click事件中,将值存储在全局变量(
listItemclicked
)中,并使用以下jQuery代码在span内写入变量:
$('#modalview text').text(listItemclicked.name)

      接近
thingy只在模板中起作用。为了使用模板之外的值,需要将数据存储在全局名称空间中可用的不同变量中,并在模式视图中使用该变量。我已在此处修复了您的代码:

我在模态视图
中创建了一个span,并在click事件中,将值存储在全局变量(
listItemclicked
)中,并使用以下jQuery代码在span内写入变量:
$('#modalview text').text(listItemclicked.name)

      接近
另一种方法是使用MVVM并将对象listItemclicked绑定到模式窗口内的HTML元素,这样当数据更改时,模式窗口会自动反映更改。谢谢,我会查看一下,以了解将来的问题。Mike,如果你不知道,如果答案真的解决了你的问题,你可以将答案向上投票并将其标记为答案。我没有足够的声誉来向上投票lol。我面临的一个问题是使用此方法渲染图像。我的调试器显示我是这样做的:Imageurl,尽管实际图像只是显示为一个框?图像url应该在src属性中呈现,而不是像您上面发布的那样。另一种方法是使用MVVM并将对象listItemclicked绑定到模式窗口内的HTML元素,这样当数据更改时,模式窗口会自动反映更改。谢谢,我会查看一下,以了解将来的问题。Mike,如果你不知道,如果答案真的解决了你的问题,你可以将答案向上投票并将其标记为答案。我没有足够的声誉来向上投票lol。我面临的一个问题是使用此方法渲染图像。我的调试器显示我是这样做的:Imageurl,尽管实际图像只是显示为一个框?图像url应该在src属性中呈现,而不是像您上面发布的那样。
<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>