原創(chuàng)|其它|編輯:郝浩|2012-06-19 21:02:15.000|閱讀 303 次
概述:在使用WebGrid時(shí),不能從客戶端隱藏WebGrid列,因?yàn)樵陧撁姹患虞d后,該列已經(jīng)通過瀏覽器呈現(xiàn)出來了。本文主要介紹如何使用客戶端腳本來切換列可見與否。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在使用WebGrid時(shí),不能從客戶端隱藏WebGrid列,因?yàn)樵陧撁姹患虞d后,該列已經(jīng)通過瀏覽器呈現(xiàn)出來了。本文主要介紹如何使用客戶端腳本來切換列可見與否。
在本文中,我們將學(xué)習(xí)如何執(zhí)行以下任務(wù):
一、獲取標(biāo)題和列分組
我們需要通過如下代碼來獲取對應(yīng)列的標(biāo)題和列分組
function HideColumnByPos(position)
{
var grid = ISGetObject('WebGrid1');
var table = grid.GetRootTable();
var row = table.GetElement(WG40.BODY, WG40.HTMLTABLE);
// get the header and column groups.
headerGroup = table.GetElement(WG40.COLHEADER, WG40.HTMLDIV);
colGroup = table.GetElement(WG40.COLGROUP, WG40.HTMLDIV);
...
}
二、將顯示樣式屬性設(shè)置為none
通過以下代碼設(shè)置相應(yīng)列中標(biāo)題和列分組的顯示樣式屬性。
function HideColumnByPos(position)
{
var grid = ISGetObject('WebGrid1');
var table = grid.GetRootTable();
var row = table.GetElement(WG40.BODY, WG40.HTMLTABLE);
// get the header and column groups.
headerGroup = table.GetElement(WG40.COLHEADER, WG40.HTMLDIV);
colGroup = table.GetElement(WG40.COLGROUP, WG40.HTMLDIV);
headerGroup.childNodes[0].childNodes[0].
childNodes[0].childNodes[position].style.display =
(headerGroup.childNodes[0].childNodes[0].childNodes[0].
childNodes[position].style.display == 'none')? '' : 'none';
colGroup.childNodes[position].style.display =
(colGroup.childNodes[position].style.display == 'none')? '' : 'none';
}
查看WebGrid常見問答://fc6vip.cn/zh-CN/EVQuestions
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)