在使用WebGrid時，不能從客戶端隱藏WebGrid列，因為在頁面被加載后，該列已經通過瀏覽器呈現出來了。本文主要介紹如何使用客戶端腳本來切換列可見與否。

在本文中，我們將學習如何執行以下任務：

• 獲取標題和列分組
• 將顯示樣式屬性設置為none

一、獲取標題和列分組

我們需要通過如下代碼來獲取對應列的標題和列分組

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);
...

}

二、將顯示樣式屬性設置為none

通過以下代碼設置相應列中標題和列分組的顯示樣式屬性。

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常見問答：//ke049m.cn/zh-CN/EVQuestions