彩票走势图

本文介绍如何自定义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的布局结构。