一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

asp.net GridView 中增加記錄的方法

大多數人建議用 FormView 來完成增加記錄的功能,但是 FormView 和 GridView 不是同一個表格,所以無法在同一個頁面的同一個表格中顯示。如果故意將 FormView 或自己的一堆于用新增功能的控件使用普通的表格組裝起來,那么會碰到一個很麻煩的問題,即兩個表格的列寬如何協調一致,大多數情況下,大家在做表格的時候,表格中各列的寬度都是自動調整的,所以強行指定寬度在很多情況下并不適用。
通過實踐,想出了一種辦法,主要步驟如下所示:
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 中包含數據... 好 主站蜘蛛池模板: 麻豆91在线播放 | 在线观看午夜视频 | 久久精品精品 | 在线观看理论福利片 | 国产精品久久久久久久y | 欧美精品亚洲精品日韩经典 | 中文字幕va一区二区三区 | 亚洲成a人在线观看 | 国产视频一区在线播放 | 国产精品色午夜视频免费看 | 丁香综合缴情六月婷婷 | 99国产精品一区二区 | 91国内精品在线 | 久久久久青草线蕉亚洲麻豆 | 久久亚洲网 | 久久国产成人 | 欧亚精品一区二区三区 | 欧美亚洲国产精品久久久 | 成人福利在线免费观看 | 欧美成人久久久 | 久久综合色婷婷 | 110139日韩欧美 | 久久综合亚洲鲁鲁五月天欧美 | 亚洲大色堂 | 国产亚洲综合色就色 | 青青草久热精品视频在线观看 | 色噜噜狠狠先锋影音久久 | 99国产精品免费视频观看 | 四虎国产精品永久一区 | 国产成人亚洲精品91专区手机 | 91视频网页版 | 成人三级在线播放 | www.色午夜.com | 日本一区二区三区四区五区 | 久久国产乱子免费精品 | 美国一区二区三区 | 久久99精品国产麻豆 | 中文字幕在线一区二区三区 | 国产精品高清一区二区 | 久久xxx| 91原创视频在线 |