2012-07-07 48 views
-4

這很簡單,但我找不到任何地方如何完成它的任何示例。我創建了一個新的ASP網站,並有下面的代碼:載入表信息

<form id="form1" runat="server"> 
    <div class="clear_10">&nbsp;</div> 
    <div id="load_wrapper"> 
    &nbsp; 
    </div> 
    <div id="name_selection_wrapper"> 
     <p><span>Please enter one of the choices below</span></p> 
     <div class="clear_10">&nbsp;</div> 
     <div class="user_input"> 
      <input class="input" type="text" /> 
      <input type="submit" value="Submit" /> 
     </div> 
     <ul class="name_wrapper"> 
      <li><span class="dash">-</span>Sue</li> 
      <li><span class="dash">-</span>Joe</li> 
     </ul> 
    </div> 
    <div class="clear_10">&nbsp;</div> 
</form> 

我創建了一個名爲的人新的數據庫,兩個表,一個是蘇,另一個是喬。簡單地說,我如何通過查詢來檢索並顯示來自我的div load_wrapper中的表中的信息。

+1

爲什麼蘇和喬需要自己的表? – Louis 2012-07-07 21:44:35

+1

Downvoted。這個問題太籠統了,完全沒有先驗知識。雖然每個人都需要從某個地方開始,但最好還是問「我如何開始使用ASP.NET」,而不是要求某人爲您完成這一切。你需要從一些教程開始,轉向http://asp.net並在那裏花一些時間。 – 2012-07-07 22:21:39

回答

0

您需要使用後端C#代碼來檢索數據。

然後,您必須將數據傳遞到頁面。

或者,將您從數據生成的HTML插入所需的頁面,讓div具有屬性runat='server'並給它一個ID。 div的ID可以用在文件後面的代碼中,你可以插入一些內部HTML。

如果你想獲得的信息沒有做一個完整的回發,你將不得不從頁面有一個處理程序和一個AJAX調用處理程序。 JQuery有一個很好的AJAX方法,並且在.NET 4中創建一個API是創建處理程序的最簡單方法。

在附註上,如果他們具有相同的數據,則可以將Joe和Sue放入一個表中,然後添加另一列,指示數據是與Joe還是Sue相關。

0

下面是一個簡單的例子,說明如何從數據庫中檢索數據並將其顯示在表格中(ASP.NET方式,您做這件事的方式是可能的,但需要更多的工作)。如果您使用DataSource適配器和asp.net控件來顯示數據,那麼您將節省大量時間,因爲通常您可以通過編寫任何代碼來顯示數據。我沒有寫任何HTML或C#後端代碼,這是所有拖放,鼠標點擊...

數據庫

enter image description here

HTML

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="Id" DataSourceID="SqlDataSource1"> 
      <Columns> 
       <asp:BoundField DataField="Id" HeaderText="Id" InsertVisible="False" ReadOnly="True" SortExpression="Id" /> 
       <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /> 
       <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age" /> 
      </Columns> 
     </asp:GridView> 
     <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [People]"></asp:SqlDataSource> 
    </div> 
    </form> 
</body> 
</html> 

輸出

enter image description here