2013-03-08 79 views
1

使用ASP.NET我使用中繼器在屏幕上顯示數據庫表。更新實時使用 - jQuery

我希望用戶能夠選中或取消選中勾選框(表中的字段)。在Management Studio中實時更新數據庫中的相應字段.....

通過google進行瀏覽。 JQuery的看起來是那樣的....到目前爲止,我有...

在後面的代碼:

//GetUtilityCompanyNames() returns a list of all the companies names 
rptSelectedUtilities.DataSource = GetUtilityCompanyNames(); 
rptSelectedUtilities.DataBind(); 

在ASPX:

<asp:Repeater id="rptSelectedUtilities" runat="server" DataSourceID="rptSelectedUtilities"> 
       <HeaderTemplate> 
        <table class="detailstable FadeOutOnEdit"> 
         <tr> 
          <th style="width:200px;">Utility</th>  
          <th style="width:200px;">Contacted</th> 
          <th style="width:200px;">Comment</th>  
         </tr> 
       </HeaderTemplate> 
       <ItemTemplate> 
         <tr> 
          <th style="width:200px;"><%# Eval("Name") %></th> 
          <th style="width:200px;"><asp:CheckBox ID="chkMyCheck" runat="server" Checked='<%# Convert.ToBoolean(Eval("Checked")) %>'/></th> 
          <th style="width:200px;"><%# Eval("Comment") %></th> 
         </tr> 
       </ItemTemplate> 
       <FooterTemplate> 
        </table> 
       </FooterTemplate> 
      </asp:Repeater> 

      <asp:Label id="labelTableEmpty" runat="server" Text="There are currently no items in this table." /> 

      <script type="text/javascript"> 
      $('bla').    

//不硝酸鉀如何從這裏開始? ?

我已經將中繼器上的DataSourceID設置爲=「rptSelectedUtilities」,然後我需要在腳本中添加,但我是初學者,請欣賞任何幫助。

感謝

+0

你可能在這裏有一個很大的學習曲線。你實質上要求的是「我如何在ASP.NET中使用AJAX?」這是非常非常廣泛的。在高層次上,您需要創建服務器端處理程序來更新數據,並且需要從JavaScript代碼調用這些處理程序。理解服務器端代碼和客戶端代碼之間存在艱難的分離。雖然您已經使用數據源和轉發器來綁定初始頁面加載,但一旦加載,您可以完全忽略這些事情。現在您正在處理HTML DOM,JavaScript和RESTful請求/響應。 – David 2013-03-08 12:31:43

+0

非常感謝那個大衛,但我一直想給這樣的一段時間,現在我想這將是一個完美的機會,將其實施到我的項目。我認爲如果我得到了一些小的幫助來讓我開始,這不會太困難,它看起來不像是一個大任務,一個複選框,當點擊或未點擊時更新Db,但正如我所說的Im a初學者,這可能是非常複雜的,我知道...無論如何謝謝 – John 2013-03-08 12:34:43

+0

我鼓勵你這樣做。當人們更有效地學習底層技術(HTTP,HTML,CSS,JavaScript等)時,Web開發變得更有能力。不過,我很難提出一個能夠真正幫助你的單一答案。儘管如此,保持服務器端和客戶端之間最重要的分離是關鍵。將瀏覽器內代碼視爲與服務器端代碼完全分離的應用程序。它將服務器端代碼視爲Web服務。所以你在ASP.NET中創建你的web(在這裏是JSON)服務,並在JavaScript中使用它們。 – David 2013-03-08 12:39:39

回答

1

如果你真的需要這是實時的,我建議在看signalr。在學習階段早些時候咬掉它可能很多,但我現在將所有的ajax調用都改爲使用signalr。

+0

這個人是對的,請花點時間看看SignalR,它對於實時Web應用程序非常有用。 – 2013-05-03 12:51:37