我正在创建一个页面,旨在用作 Awesomium 的 GUI 控件。在此页面中,我想要一个列表,其内容由应用程序在运行时控制。
Awesomium 允许将网页渲染到缓冲区,例如,在 3D 应用程序中绘制为对象的纹理,因此没有“服务器”来运行服务器端代码,并且“GUI”和应用程序几乎完全通过 Javascript 函数调用和回调来完成。
该列表将由多个<div>
s 组成,每个都相对复杂,因此我想为可以填充并添加到列表中的条目创建一个模板。
到目前为止,我一直在做类似的事情:
function refresh() {
contentpane.innerHTML = '';
var i = 0;
for (i = 0; i < page.contentlist.length; i++) {
contentpane.innerHTML += '<div id=\'' + page.contentlist[i] + '\'class="button" onclick=page.callback("clicked",id) > <img src="\screenshot.jpg"/> <label ></label> </div>';
}
}
但是我的列表条目越复杂,这就越笨拙,所以我认为必须有更好的方法。
在 Javascript 函数中创建模板项目列表的最简单方法是什么?
有什么类似的说法,我可以使用 WPF 的 DataTemplate 系统吗?