逐步實作 GridView 可摺疊面板：掌握 JavaScript toggleLayer 技巧

資料庫準備

建立 TestDB、資料表 Table_1 並填入測試資料。

GridView 配置

拖放 GridView 至 Default.aspx，設定資料來源。

JavaScript 摺疊函式

function toggleLayer(whichLayer) {
    var style2 = document.getElementById ? document.getElementById(whichLayer).style
                 : document.all ? document.all[whichLayer].style
                 : document.layers[whichLayer].style;
    style2.display = style2.display ? "" : "block";
}

於 GridView 模板欄位放置觸發按鈕 onclick="toggleLayer('layerId')">，對應面板 <div id="layerId" style="display:none">...</div>。支援 IE、Firefox、Netscape 4。