本文介紹如何自定義WebGrid中狀態欄的圖標按鈕，并介紹如何用其他圖標來替換刷新按鈕。在這種情況下，WebGrid的刷新按鈕將被另外一個完全可定制的按鈕所替換。

WebGrid實現自己的數據緩存機制以來，數據源內部緩存成一個緊湊的基于XML的格式。用戶只需要點擊狀態欄中的刷新圖像按鈕，便可隨時刷新Grid 網格數據。此時，WebGrid將自動失效，并刪除舊的緩存，還分配緩存中被刷新的數據。

一、在客戶端創建Javascript代碼來自定義狀態欄圖標按鈕

要自定義狀態欄圖標按鈕，你需要使用deleteCell（）方法來刪除圖標。你需要用到下面JavaScript代碼來執行任務：

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）被放置在項目根目錄的images文件夾下面。

二、創建狀態欄圖標功能

現在，你需要為所創建的狀態欄圖標創建DoRefresh（）功能。此時，你會使用Refresh（）方法來刷新WebGrid。

Here is the code to perform this task:

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

當您單擊狀態欄上的圖標，它會刷新WebGrid的布局結構。