原創(chuàng)|其它|編輯:郝浩|2012-06-20 22:42:39.000|閱讀 437 次
概述:本文介紹如何自定義WebGrid中狀態(tài)欄的圖標(biāo)按鈕,并介紹如何用其他圖標(biāo)來(lái)替換刷新按鈕。在這種情況下,WebGrid的刷新按鈕將被另外一個(gè)完全可定制的按鈕所替換。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
本文介紹如何自定義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的格式。用戶(hù)只需要點(diǎn)擊狀態(tài)欄中的刷新圖像按鈕,便可隨時(shí)刷新Grid 網(wǎng)格數(shù)據(jù)。此時(shí),WebGrid將自動(dòng)失效,并刪除舊的緩存,還分配緩存中被刷新的數(shù)據(jù)。
一、在客戶(hù)端創(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)。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)