2013-09-25 141 views
-1

我是vb.net中的html表格的新手。鏈接HTML表格與SQL數據庫

我有我需要的所有功能(擴大和摺疊行上點擊等)的HTML表,我怎麼能鏈接該表與SQL數據庫。

我可以顯示網格視圖數據庫的詳細..

但是我的表具有諸如在行的點擊,有4場的行必須擴大下來(比列顯示除外)10個文本框必須與一些buttons.Hence我用JavaScript來展開/摺疊行

至於說我怎樣才能使渲染網格視圖行可點擊和可擴展一起顯示

回答

0

你將要使用一個asp.net控制稱爲網格視圖。呈現時,它變成一個HTML表格。它可以通過CSS和Javascript進行操作。不是

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.aspx

GridView的一個選項,儘量使用文字:

<asp:Literal ID="LiteralTable" runat="server"></asp:Literal> 

代碼隱藏:

StringBuilder sb = new StringBuilder(); 

sb.Append("<table>"); 
for (int i = 1; i < 15; i++) 
{ 
    sb.Append("<tr class=\"clickable\"><td>" + FirstColumn[i] + "</td>" + "<td>" + SecondColumn[i] + "</td></tr>"); 
    sb.Append("<tr class=\"expandable\"><td>Edit</td>" + "<td>More Info</td></tr>"); 
} 

sb.Append("</table>"); 


LiteralTable.Text = sb.ToString(); 

,然後您的JavaScript(或jQuery的)魔法:

$(".clickable").click().next().show(); 

在這種情況下,只需在調用stringbuilder之前將數據庫加載到數組中!

+0

我覺得我不能使用網格視圖用於此目的,因爲排點擊我需要該行與編輯向下展開以及與文本框等 – user2797643

+0

你如何目前管理的擴大上,點擊功能一起禁用按鈕?我會認爲JavaScript。你可以在你的文章中包含一些代碼嗎?表和腳本首選。 – Zerkey

+0

是,Java腳本 – user2797643

0

如果您正在使用ASP.NET Web窗體,它實際上很容易使GridView控件,以滿足您的需求。

您可以使用Visual Studio的內置工具,只是拖到你的WebForm,設置你的SqlDataSource,並設置爲選擇的,然後進行編輯。我認爲,VS 2010和最多有一個快速的代碼生成一個使用工具,但這裏的代碼可能是什麼樣子:

<asp:GridView ID="gvPreview" runat="server" CssClass="gvPreview" AutoGenerateEditButton="true"> 
     </asp:GridView> 

我沒有做SQL我的機器上的時刻,所以我不能用GUI嚮導正是爲了向你展示它的樣子,但我可以。