|
|
通過實踐，想出了一種辦法，主要步驟如下所示：
1） 在 GridView 的 EmptyDataView 中，放置一個普通的Html Table，以便在GridView綁定的數據源中無數據時依舊顯示表頭（如果數據源為返回的數據行數為0，GridView默認是不顯示表頭的），假設 ID 為 tbHeader，它的作用是下面用于新增功能的 tbForm 的各列控件提供說明（充當表頭）；
2）在 GridView 下面，放置一個普通的 HTML 表格，其列數和 GridView 中定義的列數保持一致，但行數只有一行，然后在此表格的各列中放入用于新增功能的各個控件（如 TextBox等），假設此表格的 ID 為 tbForm
3）在頁面中加入一段客戶端腳本，以便使頁面展示到客戶端時，利用 Javascript 將兩個表格強行合并到一起，這樣就可以將只有一行的 tbForm 合并到 GridView中，因此 GridView 的最下面多出一行，其中有 tbForm 表格中定義的輸入控件和“添加”鏈接（按鈕），主要代碼（JavaScript）如下：
function MergeTable(source,dest)
{
var row;
var cell;
var sourceTb = document.all(source);
var destTb = document.all(dest);
for (var i=0; i<sourceTb.rows.length; i++)
{
row = document.createElement("TR");
for (var j=0; j<sourceTb.rows(i).cells.length; j++)
{
cell = document.createElement("TD");
row.appendChild(cell);
//復制對象
for(k=0;k<sourceTb.rows(i).cells(j).all.length;k++)
cell.appendChild(sourceTb.rows(i).cells(j).all.item(k));
}
destTb.tBodies(0).appendChild(row);
}
for (var i=sourceTb.rows.length-1; i>=0; i--)
{
sourceTb.deleteRow(i)
}
}
function ChangeTableLayout()
{
if(document.all('tbHeader') == null)
MergeTable('tbForm','');
else
MergeTable('tbForm','tbHeader');
}
ChangeTableLayout();
如果 GridView 綁定時沒有數據，將不顯示其中定義的各列，而只顯示 EmptyDataView 中的 tbHeader，這時要合并 tbHeader 和 tbForm。如果 GridView 綁定時包含數據，則不會顯示 EmptyDataView（當然也不會顯示其中的 tbHeader），但這時會顯示 GridView 中定義的各個列，因此只需將 GridView 本身和 tbForm 合并即可。 GridView 的客戶端ID可以用GridView.ClientID來獲取。
在服務器端很容易知道 GridView 綁定后是否包含數據，但對于客戶端來說，不容易檢查，一個簡單的作法就是檢查頁面中有沒有 tbHeader 對象（如果有，則說明表格沒有數據，如果無此對象，表示 GridView 中包含數據... 好 主站蜘蛛池模板： 申扎县| 北辰区| 上高县| 鹤山市| 广河县| 甘肃省| 阿合奇县| 西乌珠穆沁旗| 彩票| 余干县| 康平县| 天柱县| 文昌市| 绩溪县| 米脂县| 根河市| 阳东县| 秦皇岛市| 永州市| 玉屏| 霍林郭勒市| 濮阳县| 阳城县| 耿马| 乌苏市| 吉隆县| 明水县| 体育| 综艺| 邓州市| 柳林县| 大理市| 渝北区| 洪湖市| 碌曲县| 东乌珠穆沁旗| 通道| 板桥市| 温宿县| 阿克| 民丰县|