Investigamos por distintos sitios para darte la respuesta para tu inquietud, en caso de alguna inquietud deja la pregunta y respondemos sin falta.
Ejemplo: kendo jquery listview
<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="styles/kendo.common.min.css"/><link rel="stylesheet" href="styles/kendo.default.min.css"/><link rel="stylesheet" href="styles/kendo.default.mobile.min.css"/><script src="js/jquery.min.js"></script><script src="js/kendo.all.min.js"></script></head><body><div id="example"><script src="../content/shared/js/products.js"></script><div class="demo-section k-content wide"><div id="listView"></div><div id="pager"class="k-pager-wrap"></div></div><script type="text/x-kendo-template" id="template"><div class="product"><img src="../content/web/foods/#= ProductID #.jpg" alt="#: ProductName # image"/><h3>#:ProductName#</h3><p>#:kendo.toString(UnitPrice,"c")#</p></div></script><script>$(function()var dataSource =newkendo.data.DataSource(
data: products,
pageSize:21);$("#pager").kendoPager(
dataSource: dataSource
);$("#listView").kendoListView(
dataSource: dataSource,
template: kendo.template($("#template").html())););</script><style>
#listView
padding:10px 5px;
margin-bottom:-1px;
min-height:510px;/* Avoid cutout if font or line is bigger */
font: inherit;.product
float: left;
position: relative;
width:111px;
height:170px;
margin:05px;
padding:0;.product img
width:110px;
height:110px;.product h3
margin:0;
padding:3px 5px 00;
max-width:96px;
overflow: hidden;
line-height:1.1em;
font-size:.9em;
font-weight: normal;
text-transform: uppercase;
color: #999;.product p
visibility: hidden;.product:hover p
visibility: visible;
position: absolute;
width:110px;
height:110px;
top:0;
margin:0;
padding:0;
line-height:110px;
vertical-align: middle;
text-align: center;
color: #fff;
background-color:rgba(0,0,0,0.75);
transition: background .2s linear, color .2s linear;-moz-transition: background .2s linear, color .2s linear;-webkit-transition: background .2s linear, color .2s linear;-o-transition: background .2s linear, color .2s linear;.k-listview:after
content:".";
display: block;
height:0;
clear: both;
visibility: hidden;</style></div></body></html>Te mostramos las reseñas y valoraciones de los lectores
Al final de todo puedes encontrar las acotaciones de otros desarrolladores, tú además tienes el poder insertar el tuyo si te gusta.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)