or
<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()) }); });</script><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 -->
We are using kendo UI for a business web application and we have referenced latest internal build. We have a scenario that several Kendo Grids are hosted under different Kendo Tabs and all these Grids are editable. The Grids are rendered/worked perfectly with any desktop browsers, however, under Ipad Safari we found all Gridrows in all Grids are duplicated (rendered twice).
Are there any solutions for this?
Regards,
Gary