با عرض سلام
من توی asp.net یک پروژه ی فروشگاهی نوشتم که محصولات رو به کمک کنترل ListView نمایش می دهد. می خواستم همین پروژه رو با تکنولوژی web API بنویسم، اما هر کاری کردم نتونستم محصولات رو نمایش بدهم. می شه لطفا یک راهنمایی بکنید ؟
این کد های من هست که می خواهم به web api تبدیل کنم :
<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>
می خوام برای افزایش سرعت، بجای کنترل های asp از javascript تاستفاده کنم، ولی نمونه ای در اینترنت پیدا نکردم.درواقع می خواستم بدونم چه طور می شه بدون استفاده از کنترل ListView محصولات رو نمایش بدم و با کلیک بر روی هر محصول، با توجه به شناسه ی آن در جدول، به صفحه ی جزئیات همان محصول بروم.
با تشکر فراوان
به نظر من باید از WebApi و Angular استفاده کنید
از طریق WebApi لیست اطلاعات را به صورت json ارسال کنید و با استفاده از Angular روی صفحه بچینید
با استفاده از Ajax هم میتونید ولی با Angular خیلی بهتره
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)