Something Like ListView

[AliMajedParticipant]

Hello
I have coded projects in ASP.NET. In one project that was “on-line shopping system”, I have used asp tag “ListView” to show products. is there any control in jqxWidgets to simulate that ?
my codes in asp.net for ListView that I need to convert them is :

<asp:ListView runat="server" ID="lvProducts">
                  <ItemTemplate>
                     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                       <div class="product-block">
                       <div class="image">
                               <div class="product-label product-new"><span>جدید</span></div>
                               <a class="img" href='<%# "UProductDetail.aspx?PrID=" + Eval("PrID") %>'><asp:Image runat="server" ID="imgProduct" ImageUrl='<%# Eval("PrImage") %>' /></a> </div>
                               <div class="product-meta">
                               <div class="name"><a href='<%# "UProductDetail.aspx?PrID=" + Eval("PrID") %>'"><span><%# Eval("PrName") %></span></a></div>
                               <div class="big-price"> <span class="price-new"><span><%# Eval("PrPrice") %></span><span class="sym">تومان</span></span> </div>
                               <div class="big-btns"> <a class="btn btn-default btn-view pull-left" href='<%# "UProductDetail.aspx?PrID=" + Eval("PrID") %>'>مشاهده جزئیات</a> <asp:Button runat="server" ID="btnAddBasket" Text="افزودن به سبد" CssClass="btn btn-default btn-addtocart pull-right" ForeColor="White" OnClick="btnAddBasket_Click" CommandArgument='<%# Eval("PrID") %>' /> </div>
                               <div class="small-price"><span class="price-new"><%# Eval("PrPrice") %><span class="sym">تومان</span></span> </div>
                               <div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i> </div>
                               <div class="small-btns"><asp:ImageButton runat="server" CssClass="btn btn-default btn-wishlist pull-left" ImageUrl="~/images/Master/fav-icon-small.png" ImageAlign="AbsMiddle" ID="btnWishList" OnClick="btnWishList_Click" CommandArgument='<%# Eval("PrID") %>' />
                               </div>
                               </div>
                               <div class="meta-back"></div>
                        </div> 
                      </div>
                    </ItemTemplate>
                 </asp:ListView>

Thank in Advance

[ChristopherParticipant]

Hi AliMajed,

jqxListBox is the equivalent of the ASP.NET’s ListView control. Check out our demos to find something that fits your needs. For example:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxlistbox/rendering.htm?light

jqxRibbon also provides good capabilities for online shop items showcase. Take a look at this demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxribbon/defaultfunctionality.htm?light

We also offer ASP.NET Tag Helpers which could be find usefull in your case.

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[AliMajedParticipant]

Hello Christopher
Thanks for your support, The jqxRippon is exactly what I am looking for, but I can Not find the “View Source” of it and in Demo, jqxRibbon there is some other examples different from yours. can you please guide me how I can have a Ribbon exactly what you have linked in your answer ?
Thanks in Advance

[Author]

Posts