我需要在 Listview (PHP/Json) 结果的每个元素上添加一个按钮,以打开一个模式窗口,客户可以在其中输入他的预订信息,如日期、成人和儿童,这是我的 JavaScript 代码:
<script>
$(document).ready(function() {
var dataSource = new kendo.data.DataSource({
pageSize: 8,
transport: {
read: "tours_lista.php",
dataType: "jsonp"
},
schema: {
data: "data",
total: "data.length"
}
});
$("#pager").kendoPager({
dataSource: dataSource,
});
$("#listView").kendoListView({
dataSource: dataSource,
template: kendo.template($("#template").html())
});
});
这是我的 HTML 代码:
<div id="intro" >
<H3>TOURS</H3>
<div id="listView"></div>
<div id="pager" class="k-pager-wrap"></div>
<script type="text/x-kendo-tmpl" id="template">
<div class="product">
<a class="t-link" href="inicio.php?action=detalle&tourid=${recid}"><img src="controlc/test/${main_pic}" title="Ver detalles de ${tit_esp}" /></a>
<h3>${tit_esp}</h3>
<dl>
<dt>Adulto: </dt>
<dd>$ ${rate_adult}</dd>
<dt>Niño: </dt>
<dd>$ ${rate_child}</dd>
</dl>
<div style="text-align:right;float:right;border:0px solid red;padding-top:7px;padding-left:5px;width:250px;height:30px;">
</div>
</div>
</script>
</div>
<!-- end .intro -->
我正在使用 Kendo UI Web
附件是我想做的一张泰国图片,很高兴收到提示,我有几天时间寻找它,问候,
胜利者