問題描述
對於一些列表頁面,保持一致的查詢代碼。
解決方案
1、依賴文件jquery.js、jquery.unobtrusive-ajax.js。
2、創建部分視圖,PartialView主要存放服務器發送過來的數據。
3、一個包含集合數據的viewmodel.
部分視圖代碼基本如下:
問題討論
在做過的項目中都是,整個頁面會分為兩部分。上面是條件篩選,下面是查詢結果。當我選擇完篩選條件後,點擊查詢,發出post請求,服務器響應後,更新指定區域
信息。而這些,asp.netmvc都可以幫我們做,所以我們就是整合mvc這些功能即可。
1、ajax.BeginForm
支持服務器響應後需要更新的區域(UpdateTargetId)。類似asp.net中ajax控件updatepanel.
2、部分視圖用於顯示客戶端請求中,變化的部分。
對於查詢有很多方式實現,這個demo也是我做好多個界面後才總結出來的,相信會有更好的方式出來,希望大家分享代碼。
好處:
1、代碼更簡潔,統一。
2、服務器每次發送的數據變少(對於render整個頁面來說)。
代碼:
@model IList<Demo.Models.Product>
@foreach (Demo.Models.Product item in Model)
{
<li class="span3 tile tile-double @item.Color">
<a href="#">
<img src="/Images/@item.Image" style="width:250px; height:130px;">
</a><span>@item.Name</span>
</li>
}