python抓取.NET GridView分頁數(shù)據(jù)實(shí)

python抓取.NET GridView分頁數(shù)據(jù)實(shí)戰(zhàn)

期，應(yīng)客戶要求，采集一個(gè)舊后臺(tái)管理系統(tǒng)中的數(shù)據(jù)列表，并將數(shù)據(jù)詳情保存為HTML文件，舊平臺(tái)架構(gòu)為.NET 4.0+easyui，數(shù)據(jù)列為GridView，這個(gè)任務(wù)的難點(diǎn)是GridView分頁數(shù)據(jù)抓取的問題，因?yàn)榍袚Q分頁的時(shí)候，瀏覽器的URL是無變化的，包括HTTP請(qǐng)求頭部、請(qǐng)求參數(shù)、請(qǐng)求URL全是一樣，采用常規(guī)的方式抓取肯定是行不通的（只能采集到第一頁的數(shù)據(jù)），下面看看我是如何獲取分頁數(shù)據(jù)。

廢話不多說，直接上代碼：

我是基于BeautifulSoup+requests+python3.7實(shí)現(xiàn)數(shù)據(jù)的抓取；

首先設(shè)置頭部信息，用于保證會(huì)話和授權(quán)：

headers={
'User-Agent': 'Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/8.0; .NET4.0C; .NET4.0E)',
'Accept': 'text/html, application/xhtml+xml, image/jxr, */*',
'Content-Type': 'application/x-www-form-urlencoded',
'Accept-Language': 'zh-CN',
'Host': '瀏覽器F12，根據(jù)實(shí)際情況填寫',
'Cache-Control': 'no-cache',
'Referer': '瀏覽器F12，根據(jù)實(shí)際情況填寫',
'Cookie': 'ASP.NET_SessionId=瀏覽器F12，根據(jù)實(shí)際情況填寫'
}

封裝網(wǎng)絡(luò)請(qǐng)求：

def postRequest(url, encoding='utf8', pageno=1):
data={
'__EVENTTARGET': 'DataPager1',
'__EVENTARGUMENT': f'{pageno}',
'__LASTFOCUS': '',
'GridView1_gesoft_hidScrollOffset': '0,0',
'__VIEWSTATEENCRYPTED': '',
'__VIEWSTATE':'這個(gè)必須要填寫，否則實(shí)現(xiàn)不了分頁查詢數(shù)據(jù)',
'__EVENTVALIDATION': '可選，盡量填上',
'HidAddInspectID': '',
'SCAccept$ValueField': '48:105,110,99,108,117,100,101::97,110,100:115,116,114,105,110,103',
'DataPager1_input': f'{pageno}',
'DataPager1$pageSizeList': '10',
'DdlAuthorYear': 'ALL'
}

retryFlag=True
while retryFlag:
retryFlag=False
try:
response=requests.post(url=url, data=data, headers=headers, timeout=10)
response.encoding=encoding
return response
except Exception as e:
print(f'postRequest error({url}) ', e)
retryFlag=True
time.sleep(5)

上述代碼中“__VIEWSTATE”參數(shù)配置是核心中的核心，這個(gè)數(shù)據(jù)怎么獲取呢，我是通過Wireshark抓包工具獲取，如下圖所示：

請(qǐng)求參數(shù)如圖所示

為了提高數(shù)據(jù)采集的穩(wěn)定性，網(wǎng)絡(luò)請(qǐng)求增加了超時(shí)重試機(jī)制。另外特別提醒，請(qǐng)求一定要設(shè)置超時(shí)時(shí)間，否則會(huì)導(dǎo)致任務(wù)阻塞。

好了，核心部分已經(jīng)講完，至于采集到的數(shù)據(jù)如何用BeautifulSoup進(jìn)行處理，大家自行在網(wǎng)上查找相關(guān)資料，比較簡單就不再贅述了。

擊“了解更多”獲取DevExpress v20.2完整版下載

一般情況下，我們都傾向于使用一個(gè)組織比較好的獨(dú)立界面來錄入或者展示相關(guān)的數(shù)據(jù)，這樣處理比較規(guī)范，也方便顯示比較復(fù)雜的數(shù)據(jù)。不過在一些情況下，我們也可能需要直接在GridView表格上直接錄入或者修改數(shù)據(jù)，這種對(duì)于字段比較少，而且內(nèi)容相對(duì)比較簡單的情況下，效率是比較高的一種輸入方式。本篇隨筆主要介紹在DevExpress程序中使用GridView直接錄入數(shù)據(jù)并保存的實(shí)現(xiàn)，以及使用Winform分頁控件來進(jìn)行數(shù)據(jù)直接錄入的實(shí)現(xiàn)操作。

一、在GridView上展示數(shù)據(jù)

在GridView上展示數(shù)據(jù)，只需要綁定數(shù)據(jù)源給對(duì)應(yīng)的GridControl控件即可，比較簡單，可以綁定的數(shù)據(jù)格式也是很多，可以是DataTable，也可以支持IEnumerable格式的IList<T>集合對(duì)象等等，在我的框架中，傾向于使用IList<T>這種實(shí)體類集合的方式。

在網(wǎng)上大多數(shù)例子，綁定的數(shù)據(jù)源多數(shù)采用的是基于DataTable的方式，這種方式顯示的數(shù)據(jù)受制于不同數(shù)據(jù)庫的特點(diǎn)，字段可能大小寫不一樣，而且DevExpress操作行列的字段是大小寫敏感的，因此如果你要字段名獲取值的時(shí)候，傳入的字段名一定是要大小寫一致，因此在數(shù)據(jù)庫不同的時(shí)候，如Oracle查詢到的字段全部是大寫的，SQLServer則是混合模式的（可以是Pascal，也可以是大寫、小寫）。

采用實(shí)體類集合對(duì)于框架層次的操作有很多好處，可以強(qiáng)類型，而且不受具體數(shù)據(jù)庫的影響，所有交互均通過實(shí)體類或者其集合進(jìn)行處理，相對(duì)來說有很大的優(yōu)勢(shì)。

一般情況下，對(duì)實(shí)體類的數(shù)據(jù)源，我們可以通過下面的方式進(jìn)行數(shù)據(jù)綁定（使用分頁控件的數(shù)據(jù)綁定方式）。

List<DictDataInfo> list=BLLFactory<DictData>.Instance.FindWithPager(condition, this.winGridViewPager1.PagerInfo);
this.winGridViewPager1.DataSource=list;

如果需要在GridView上對(duì)記錄進(jìn)行新增修改的，也就是需要存儲(chǔ)綁定數(shù)據(jù)的狀態(tài)的，那么就不能直接使用List<T>集合，而需要使用其BindingList<T>的集合，同樣BindingList<T>實(shí)現(xiàn)了IList<T>接口，我們可以通過構(gòu)造函數(shù)new BindingList<T>(list)方式進(jìn)行類型轉(zhuǎn)換，然后重新綁定到數(shù)據(jù)源即可。

修改下上面的處理，我們可以得到如下的數(shù)據(jù)綁定方式：

/// <summary>
/// 綁定GridControl控件的數(shù)據(jù)源
/// </summary>
private void BindData()
{
//使用BindingList可以進(jìn)行編輯記錄，否則無法存儲(chǔ)新增記錄內(nèi)容
var list=BLLFactory<DictData>.Instance.Find(treeConditionSql);
this.gridControl1.DataSource=new BindingList<DictDataInfo>(list);
}

默認(rèn)情況下，如果這樣綁定，那么字段列名稱會(huì)是實(shí)體類的屬性名稱，英文的，顯然這樣不太符合我們的顯示處理，我們需要限定幾個(gè)字段，而且需要顯示中文內(nèi)容，那么我們應(yīng)該為GridView構(gòu)建幾個(gè)綁定的列字段才可以。

例如我們可以通過函數(shù)進(jìn)行字段列的構(gòu)建工作，如下所示。

其中的CreateColumn是為了簡化處理模式引入的擴(kuò)展函數(shù)，主要就是實(shí)現(xiàn)綁定字段的增加的，可以理解為下面代碼的處理：

這樣我們綁定數(shù)據(jù)源后，就可以顯示指定的一些字段內(nèi)容了，而且是中文列名稱，如下效果所示。

二、在GridView上錄入數(shù)據(jù)和保存數(shù)據(jù)

但是，上面小節(jié)只是說明了數(shù)據(jù)如何綁定顯示的，如果需要在GridView上直接錄入數(shù)據(jù)，那么還需要做一些特殊的代碼處理的。

在上面我們介紹使用BindingList<T>的數(shù)據(jù)源方式，確保可以顯示并錄入實(shí)體類集合數(shù)據(jù)的，如下代碼綁定數(shù)據(jù)源所示。

如果我們需要設(shè)置GridView能夠直接錄入數(shù)據(jù)，那么需要設(shè)置下面幾個(gè)屬性，特別是最后那行。

grv.OptionsBehavior.ReadOnly=false;
grv.OptionsBehavior.Editable=true;
grv.OptionsView.NewItemRowPosition=NewItemRowPosition.Bottom;

對(duì)于一些常規(guī)的GridView初始化，我們可以通過一個(gè)擴(kuò)展函數(shù)實(shí)現(xiàn)它的屬性設(shè)置。

grv.InitGridView(GridType.NewItem, false, EditorShowMode.MouseDownFocused);

我們錄入新的數(shù)據(jù)行時(shí)候，往往需要設(shè)置一些相關(guān)的屬性，如果ID什么的，那么需要在InitNewRow事件里面進(jìn)行處理，如下所示，我們希望在新建記錄的時(shí)候，保留記錄這個(gè)記錄的父ID（來源自左側(cè)樹節(jié)點(diǎn)的ID信息）

其中代碼

grv.SetRowCellValue(i, "DictType_ID", typeId);//存儲(chǔ)記錄的父ID

需要我們?cè)谶@個(gè)GridView里面有一個(gè)隱藏的字段存在（如本例的DictType_ID字段），否則無法存儲(chǔ)這個(gè)記錄內(nèi)容的。

如果我們需要在錄入完成某個(gè)字段內(nèi)容后，其他字段也做相應(yīng)的改變，如觸發(fā)關(guān)聯(lián)變化，那么可以在CellValueChanged事件進(jìn)行處理，如本例我們希望名稱增加后，值和名稱一致變化，那么代碼如下所示。

這樣我們?cè)诮缑婢庉嫷臅r(shí)候，就可以得到下面的效果了。

完成上面步驟，如果我們需要在錄入數(shù)據(jù)后校驗(yàn)錄入的信息，并提交數(shù)據(jù)庫處理，如果成功則提示，那么就需要在事件ValidateRow里面進(jìn)行處理了。

校驗(yàn)記錄內(nèi)容，我們可以通過下面的代碼進(jìn)行處理。

不過一般情況下，我們可以使用擴(kuò)展函數(shù)來封裝這些校驗(yàn)的處理，以達(dá)到簡化代碼的目的。

校驗(yàn)通過后提交數(shù)據(jù)庫，我們首先需要做的方式是定位記錄集合里面當(dāng)前的記錄，把它轉(zhuǎn)換為具體的實(shí)體類對(duì)象，然后寫入新記錄或者更新處理，如下所示。

運(yùn)行程序，并在GridView中錄入記錄后，并逐一回車，跳轉(zhuǎn)到新一行的時(shí)候，觸發(fā)數(shù)據(jù)校驗(yàn)和保存操作，保存成功后提示用戶，并可以繼續(xù)錄入新的記錄，非常方便，這個(gè)就是使用GridView直接錄入數(shù)據(jù)并保存的方便地方。

結(jié)合GridControl的右鍵菜單，我們可以實(shí)現(xiàn)數(shù)據(jù)的刪除、打印、導(dǎo)出等常規(guī)的功能整合。

三、基于Winform分頁控件的數(shù)據(jù)展示和錄入

在數(shù)據(jù)記錄比較少的情況下，直接使用GridView進(jìn)行展示全部記錄，沒有什么問題。但是在數(shù)據(jù)記錄比較多的時(shí)候，如果用GridView全部展開所有的記錄，會(huì)比較影響性能，比較好的方式就是對(duì)數(shù)據(jù)進(jìn)行適當(dāng)?shù)姆猪摗?/span>

在Winform開發(fā)中，我們使用封裝好的分頁控件來展示數(shù)據(jù)，這個(gè)分頁的特性已經(jīng)整合在Winform開發(fā)框架、混合式開發(fā)框架等框架底層里面了，直接調(diào)用相應(yīng)的框架業(yè)務(wù)類方法，即可獲取對(duì)應(yīng)業(yè)務(wù)表的分頁記錄，非常方便。

前面兩個(gè)小節(jié)都是基于原生的GridView控件對(duì)象進(jìn)行數(shù)據(jù)的展示和錄入，分頁控件本身也是封裝GridView控件的，因此也是可以直接利用它來進(jìn)行數(shù)據(jù)的錄入處理的。使用分頁控件，可以高效提高數(shù)據(jù)的查詢速度，另外可以利用代碼生成工具Database2Sharp工具進(jìn)行快速開發(fā)好Winform界面，然后進(jìn)行一定的修改即可，非常方便。

我們來看看使用分頁控件做的數(shù)據(jù)展示和錄入界面效果圖。

利用分頁控件的方式和前面的直接使用GridView的方式大同小異，只是一些細(xì)節(jié)處理上進(jìn)行修改即可。

分頁控件，在利用代碼生成工具Database2Sharp的Winform界面生成的時(shí)候，自動(dòng)帶有下面的分頁控件初始化代碼，我們屏蔽其中的新增和編輯處理事件，因?yàn)槲覀兪褂弥苯愉浫氲姆绞剑恍枰獜棾鰧?duì)話框進(jìn)行處理。

代碼如下所示。

由于我們使用分頁控件，其在數(shù)據(jù)綁定的時(shí)候，列是自動(dòng)創(chuàng)建的，因此我們不需要為GridView指定數(shù)據(jù)列，我們使用分頁控件后的InitGridView的代碼如下所示。

/// <summary>
/// 初始化GridView
/// </summary>
private void InitGridView()
{ 
var grd=this.winGridViewPager1.gridControl1;
var grv=this.winGridViewPager1.gridView1;

#region GridView控件初始化

grv.InitGridView(GridType.NewItem, false, EditorShowMode.MouseDownFocused, "");
grv.InitNewRow +=delegate(object sender, InitNewRowEventArgs e)
{
//數(shù)據(jù)記錄初始化的時(shí)候，設(shè)置ID和父節(jié)點(diǎn)的ID
if (this.tree.FocusedNode !=null)
{
var i=e.RowHandle;
var typeId=this.tree.FocusedNode.GetValue("ID");
grv.SetRowCellValue(i, "ID", Guid.NewGuid().ToString());
grv.SetRowCellValue(i, "DictType_ID", typeId);//存儲(chǔ)記錄的父ID
}
};
grv.CellValueChanged +=delegate(object sender, DevExpress.XtraGrid.Views.Base.CellValueChangedEventArgs e)
{
//如果字段的值發(fā)生改變，觸發(fā)其他值改變則在此處理
if (e.Column.FieldName=="Name")
{
string value=string.Concat(grv.GetRowCellValue(e.RowHandle, "Value"));
if (string.IsNullOrEmpty(value))
{
grv.SetRowCellValue(e.RowHandle, "Value", e.Value);
}
}
};

grv.ValidateRow +=delegate(object sender, ValidateRowEventArgs e)
{ 
var result=grd.ValidateRowNull(e, new string[]
{
"Name"
});

//校驗(yàn)通過后提交數(shù)據(jù)庫
if (result)
{
//獲取當(dāng)前操作的記錄對(duì)象
var info=grv.GetFocusedRow() as DictDataInfo;

//如果記錄對(duì)象非空，則可以寫入或者更新
if (info !=null)
{
result=BLLFactory<DictData>.Instance.InsertUpdate(info, info.ID);

//如果不能寫入，提示用戶
if (!result)
{
e.Valid=false;
e.ErrorText=string.Format("寫入數(shù)據(jù)出錯(cuò)");
}
else
{
base.ShowMessageAutoHide();
}
}
}
};

#endregion
}

綁定數(shù)據(jù)源的方法BindData和直接生成的代碼沒有太大的差別，只是把GridView設(shè)置為可編輯即可，代碼如下所示。

這樣我們就可以實(shí)現(xiàn)基于Winform分頁控件的基礎(chǔ)上進(jìn)行數(shù)據(jù)的直接錄入操作了，處理方式就是先利用代碼生成工具Database2Sharp進(jìn)行Winform界面生成，然后進(jìn)行微調(diào)代碼即可，非常方便就可以實(shí)現(xiàn)這種快捷的數(shù)據(jù)錄入了。

四、基于主從表數(shù)據(jù)錄入的處理

在前面的記錄保存和顯示里面，都是采用一個(gè)視圖的方式進(jìn)行數(shù)據(jù)的展示和錄入的，如果對(duì)于主從表的記錄同時(shí)錄入，那么就需要主從表兩個(gè)GridView來進(jìn)行展示和數(shù)據(jù)錄入的了，對(duì)于主從表錄入相對(duì)復(fù)雜一些，具體如何操作呢？

這里我們依舊采用分頁控件來進(jìn)行數(shù)據(jù)的分頁及直接錄入數(shù)據(jù)操作，而且增加了主從表數(shù)據(jù)同時(shí)在一個(gè)GridControl界面上進(jìn)行處理。

這樣主表記錄為字典類型，從表為字典明細(xì)項(xiàng)目，得到的數(shù)據(jù)展示界面效果如下所示。

當(dāng)然我們可直接在底部進(jìn)行數(shù)據(jù)的錄入，包括主表記錄和從表的明細(xì)記錄，都可以一氣呵成的錄入并進(jìn)行保存處理的，界面效果如下所示。

GridView的主從關(guān)系需要設(shè)置好集合的映射關(guān)系，我們需要通過設(shè)置GridLevelNode集合實(shí)現(xiàn)主從表關(guān)系的處理的。

初始化從表的GridView2和主從表關(guān)系的代碼如下所示：

通過上面的初始化代碼，指定了主從表的關(guān)系后，我們還需要對(duì)綁定的數(shù)據(jù)源進(jìn)行一定的處理，才能夠在GridControl控件上顯示主從表關(guān)系的記錄。

首先需要定義一個(gè)業(yè)務(wù)對(duì)象，用來存儲(chǔ)主從關(guān)系的記錄對(duì)象。

然后在BindData綁定數(shù)據(jù)的時(shí)候，代碼處理如下即可。

這樣就可以得到開始介紹的主從表界面效果了。

數(shù)據(jù)保存的代碼和前面的操作類似，我們需要分別對(duì)GridView1和GridView2的數(shù)據(jù)保存操作進(jìn)行處理，如下代碼所示。

GridView2的字典項(xiàng)目明細(xì)保存操作如下所示。

主從表的記錄刪除這里需要順帶介紹一下，由于主從表公用一個(gè)右鍵菜單的刪除操作。

那么處理的時(shí)候，我們需要判斷是操作從表還是主表記錄，對(duì)它們要分開處理，然后提示是否操作成功，如果成功，我們可以移除這行即可，避免重新更新數(shù)據(jù)導(dǎo)致的焦點(diǎn)丟失。

以上就是介紹各種在GridView界面上直接錄入數(shù)據(jù)并保存的處理操作，雖然一般情況下面，我們建議通過獨(dú)立的彈出界面進(jìn)行內(nèi)容的展示和錄入，但是對(duì)于一些字段較少，或者喜歡直接錄入記錄的用戶來說，這種方式也是一種非常不錯(cuò)的體驗(yàn)效果，也可以達(dá)到快速錄入的目的，可以把這種方式作為我開發(fā)框架數(shù)據(jù)非常規(guī)錄入的補(bǔ)充。

本文轉(zhuǎn)載自博客園-伍華聰

evExpress Winforms Controls 內(nèi)置140多個(gè)UI控件和庫，完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序。DevExpress WinForm v20.1全新發(fā)布，想要體驗(yàn)？點(diǎn)擊文末“了解更多”即可免費(fèi)下載！！！

我們知道，基于DevExpress的開發(fā)Winform的項(xiàng)目界面的時(shí)候，GridControl控件是經(jīng)常用來綁定數(shù)據(jù)的，一般以常規(guī)的字符內(nèi)容為主，有時(shí)候也會(huì)有圖片的顯示需要，那么如果顯示圖片，我們應(yīng)該如何實(shí)現(xiàn)呢？本文將為大家介紹基于原生GridControl控件的圖片綁定顯示操作和基于封裝的分頁控件（封裝GridControl的分頁控件）兩種圖片綁定顯示的操作。

一、基于原生的GridControl控件圖片綁定

綁定圖片，一般我們可以在單元格里面綁定byte[]類型或者Image類型，那么控件就會(huì)自動(dòng)顯示圖片出來，當(dāng)然我們也可以自定義對(duì)圖片路徑轉(zhuǎn)換為圖片然后顯示的，不過就是額外需要增加一些處理而已。

本例子針對(duì)這三種方式分別進(jìn)行介紹，圖片的綁定操作。

為了方便演示，我們創(chuàng)建一個(gè)菜單對(duì)象類，然后構(gòu)建一些數(shù)據(jù)用于列表的綁定操作，如下代碼所示。

/// <summary>
/// 模擬一個(gè)菜單的對(duì)象，包括各種類型的圖片信息
/// </summary>
public class MenuInfo
{
/// <summary>
/// 編號(hào)
/// </summary>
public string ID { get; set; }

/// <summary>
/// 圖標(biāo)名稱
/// </summary>
public string Name { get; set; }

/// <summary>
/// 圖片路徑
/// </summary>
public string ImageFilePath {get;set;}

/// <summary>
/// 圖標(biāo)字節(jié)
/// </summary>
public virtual byte[] EmbedIcon { get; set; }

/// <summary>
/// 圖標(biāo)圖片對(duì)象
/// </summary>
public Image ImageIcon { get; set; }

/// <summary>
/// 構(gòu)造函數(shù)
/// 為了展示的方便，在構(gòu)造函數(shù)里面構(gòu)造相應(yīng)的數(shù)據(jù)
/// </summary>
public MenuInfo()
{
this.ID=Guid.NewGuid().ToString();
this.Name="測(cè)試圖片菜單";
this.ImageFilePath=Path.Combine(System.Environment.CurrentDirectory, "app.ico");
if (File.Exists(this.ImageFilePath))
{
this.EmbedIcon=FileUtil.FileToBytes(this.ImageFilePath);
this.ImageIcon=ImageHelper.ImageFromUrl(this.ImageFilePath);
}
}

創(chuàng)建GridColumn的時(shí)候，我們可以利用GridVIew的擴(kuò)展函數(shù)CreateColumn進(jìn)行創(chuàng)建幾個(gè)不同的列，如下代碼所示。

public partial class FrmRepositoryItemImageEdit : BaseForm
{
public FrmRepositoryItemImageEdit()
{
InitializeComponent();

CreateGridView();
}

/// <summary>
/// 創(chuàng)建gridView1列表所需顯示的列
/// </summary>
private void CreateGridView()
{
//創(chuàng)建一個(gè)隱藏的ID列
this.gridView1.CreateColumn("ID", "ID").Visible=false;
//串一個(gè)名稱的列，并指定寬度
this.gridView1.CreateColumn("Name", "名稱", 150);

//創(chuàng)建一個(gè)圖片路徑的列，并指定它的編輯控件類型為RepositoryItemImageEdit
//并為這個(gè)列實(shí)現(xiàn)ParseEditValue的方法，用于解析路徑為具體的圖片顯示
this.gridView1.CreateColumn("ImageFilePath", "圖片路徑綁定", 100).CreateImageEdit().ParseEditValue +=(s, e)=>
{
if (e.Value !=null && e.Value is string && e.Value.ToString() !=string.Empty)
{
e.Value=Image.FromFile(string.Concat(e.Value));
e.Handled=true;
}
};

//創(chuàng)建圖片字節(jié)的列，用于顯示圖片
this.gridView1.CreateColumn("EmbedIcon", "圖片字節(jié)綁定", 100);
//創(chuàng)建圖片對(duì)象的列，用于顯示圖片
this.gridView1.CreateColumn("ImageIcon", "圖片對(duì)象綁定", 100);
}

上面代碼是創(chuàng)建GridView所需要顯示的列信息，那么我們準(zhǔn)備好數(shù)據(jù)源綁定到列表控件上就可以了，如下代碼所示。

/// <summary>
/// 綁定列表數(shù)據(jù)
/// </summary>
private void BindData()
{
//構(gòu)造只有一個(gè)記錄的集合
List<MenuInfo> menuList=new List<MenuInfo>()
{
new MenuInfo()
};

//綁定數(shù)據(jù)源到列表控件上
this.gridControl1.DataSource=menuList;
}

二、基于分頁控件的圖片綁定

很多時(shí)候，我們需要對(duì)數(shù)據(jù)庫的數(shù)據(jù)進(jìn)行分頁顯示，以提高顯示的速度和效率，那么利用分頁控件就可以獲得很多這樣統(tǒng)一的界面和高效率顯示數(shù)據(jù)的好處，基于分頁控件的處理本質(zhì)上和上面的過程差不多，不過處理的代碼需要變化一下，從而可以正常的實(shí)現(xiàn)圖片綁定顯示操作。

/// <summary>
/// 基于分頁控件的圖片顯示案例
/// </summary>
public partial class FrmRepositoryItemImageEdit2 : BaseForm
{
public FrmRepositoryItemImageEdit2()
{
InitializeComponent();

CreateGridView();
}

/// <summary>
/// 創(chuàng)建gridView1列表所需顯示的列
/// </summary>
private void CreateGridView()
{
this.winGridViewPager1.OnPageChanged +=new EventHandler(winGridViewPager1_OnPageChanged);
this.winGridViewPager1.OnRefresh +=new EventHandler(winGridViewPager1_OnRefresh);
this.winGridViewPager1.AppendedMenu=this.contextMenuStrip1;
this.winGridViewPager1.ShowLineNumber=true;
this.winGridViewPager1.BestFitColumnWith=false;//是否設(shè)置為自動(dòng)調(diào)整寬度，false為不設(shè)置
this.winGridViewPager1.gridView1.DataSourceChanged +=new EventHandler(gridView1_DataSourceChanged);
}

/// <summary>
/// 綁定數(shù)據(jù)后，分配各列的寬度
/// </summary>
private void gridView1_DataSourceChanged(object sender, EventArgs e)
{
//對(duì)圖片路徑的列，重新使用RepositoryItemPictureEdit類型
//然后對(duì)該列的控件的ParseEditValue和FormatEditValue函數(shù)進(jìn)行實(shí)現(xiàn)，從而實(shí)現(xiàn)路徑到圖片的顯示
var edit=this.winGridViewPager1.gridView1.Columns.ColumnByFieldName("ImageFilePath").CreatePictureEdit(); 
edit.ParseEditValue +=(s, se)=>
{
if (se.Value !=null && se.Value.GetType()==typeof(string) && se.Value.ToString() !=string.Empty)
{
if (File.Exists(string.Concat(se.Value)))
{
var picture=ImageHelper.ImageFromUrl(string.Concat(se.Value));
se.Value=picture;
se.Handled=true;

}
}
};
edit.FormatEditValue +=(s, se)=>
{
if (File.Exists(string.Concat(se.Value)))
{
var picture=ImageHelper.ImageFromUrl(string.Concat(se.Value));
se.Value=picture;
se.Handled=true;
}
};

if (this.winGridViewPager1.gridView1.Columns.Count > 0 && this.winGridViewPager1.gridView1.RowCount > 0)
{
//統(tǒng)一設(shè)置100寬度
foreach (DevExpress.XtraGrid.Columns.GridColumn column in this.winGridViewPager1.gridView1.Columns)
{
column.Width=120;
}

//可特殊設(shè)置特別的寬度
GridView gridView=this.winGridViewPager1.gridView1;
if (gridView !=null)
{
//gridView.SetGridColumWidth("Note", 200);
}
}
}

而在分頁控件的數(shù)據(jù)綁定的時(shí)候，我們指定列名的中文名即可，如下代碼所示

/// <summary>
/// 綁定列表數(shù)據(jù)
/// </summary>
private void BindData()
{
#region 添加別名解析

this.winGridViewPager1.DisplayColumns="Name,ImageFilePath,EmbedIcon,ImageIcon";
this.winGridViewPager1.AddColumnAlias("ID", "編號(hào)");
this.winGridViewPager1.AddColumnAlias("Name", "名稱");
this.winGridViewPager1.AddColumnAlias("ImageFilePath", "圖片路徑綁定");
this.winGridViewPager1.AddColumnAlias("EmbedIcon", "圖片字節(jié)綁定");
this.winGridViewPager1.AddColumnAlias("ImageIcon", "圖片對(duì)象綁定");

this.winGridViewPager1.gridView1.OptionsBehavior.Editable=true;
this.winGridViewPager1.gridView1.OptionsBehavior.ReadOnly=false;

#endregion

//構(gòu)造只有一個(gè)記錄的集合
List<MenuInfo> menuList=new List<MenuInfo>()
{
new MenuInfo()
};

this.winGridViewPager1.DataSource=menuList;
}

以上就是基于GridControl控件上綁定圖片的幾種操作方式，方便我們?cè)陧?xiàng)目中參考使用。

本文轉(zhuǎn)載自博客園-伍華聰

點(diǎn)擊下方“了解更多”獲取更多界面開發(fā)相關(guān)資訊！

在線咨詢

上一篇：分享幾個(gè)繞過URL跳轉(zhuǎn)限制的思路
下一篇：Node.js入門基礎(chǔ)

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商