彩票走势图

在使用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常见问答：//pclwef.cn/zh-CN/EVQuestions