福利视频导航,欧美性做爰片免费,91精品色

WebGrid網(wǎng)格使用手冊(cè)（八）：如何自定義WebGrid中狀態(tài)欄的圖表按鈕？

原創(chuàng)|其它|編輯：郝浩|2012-06-20 22:42:39.000|閱讀 448 次

概述：本文介紹如何自定義WebGrid中狀態(tài)欄的圖標(biāo)按鈕，并介紹如何用其他圖標(biāo)來(lái)替換刷新按鈕。在這種情況下，WebGrid的刷新按鈕將被另外一個(gè)完全可定制的按鈕所替換。

本文介紹如何自定義WebGrid中狀態(tài)欄的圖標(biāo)按鈕，并介紹如何用其他圖標(biāo)來(lái)替換刷新按鈕。在這種情況下，WebGrid的刷新按鈕將被另外一個(gè)完全可定制的按鈕所替換。

WebGrid實(shí)現(xiàn)自己的數(shù)據(jù)緩存機(jī)制以來(lái)，數(shù)據(jù)源內(nèi)部緩存成一個(gè)緊湊的基于XML的格式。用戶只需要點(diǎn)擊狀態(tài)欄中的刷新圖像按鈕，便可隨時(shí)刷新Grid 網(wǎng)格數(shù)據(jù)。此時(shí)，WebGrid將自動(dòng)失效，并刪除舊的緩存，還分配緩存中被刷新的數(shù)據(jù)。

一、在客戶端創(chuàng)建Javascript代碼來(lái)自定義狀態(tài)欄圖標(biāo)按鈕

要自定義狀態(tài)欄圖標(biāo)按鈕，你需要使用deleteCell（）方法來(lái)刪除圖標(biāo)。你需要用到下面JavaScript代碼來(lái)執(zhí)行任務(wù)：

window.onload = function () {
var WebGrid1 = ISGetObject("WebGrid1");
var StatBarRight = WebGrid1.GetElement(WG40.STATUSBARCOMMAND, WG40.HTMLCELL);
var iconTD = StatBarRight.childNodes[0].rows[0];
var tdElement = document.createElement("TD");

// To delete icon in the status bar
iconTD.deleteCell(0);

// To insert the image icon
iconTD.insertBefore(tdElement, iconTD.childNodes[0])

// Get the image source file using HTML tag
tdElement.innerHTML = "<IMG src=\"Images/customer.gif\" style=\"WIDTH: 17px; CURSOR: pointer; HEIGHT: 17px\" onclick=\"DoRefresh()\" title=\"Refresh WebGrid\"></IMG>";
}

您可以自定義圖像的位置。在這種情況下，圖像（customer.gif）被放置在項(xiàng)目根目錄的images文件夾下面。

二、創(chuàng)建狀態(tài)欄圖標(biāo)功能

現(xiàn)在，你需要為所創(chuàng)建的狀態(tài)欄圖標(biāo)創(chuàng)建DoRefresh（）功能。此時(shí)，你會(huì)使用Refresh（）方法來(lái)刷新WebGrid。

Here is the code to perform this task:

function DoRefresh() {
var WebGrid1 = ISGetObject("WebGrid1");
WebGrid1.Refresh();
return true;
}

當(dāng)您單擊狀態(tài)欄上的圖標(biāo)，它會(huì)刷新WebGrid的布局結(jié)構(gòu)。

（慧都控件網(wǎng)版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，否則追究法律責(zé)任）
標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：DevExpress VCL ExpressSkins如何選擇標(biāo)準(zhǔn)皮膚下一篇：WebGrid網(wǎng)格使用手冊(cè)（七）：使用服務(wù)器端按鈕來(lái)刪除WebGrid的選定行