在GridView中更新標籤？

Question

我開發了一個牆（嵌套評論），人們可以評論廢料（職位）。它包括一個大拇指向上/向下的功能，問題是，當我點擊拇指向上整個頁面重新加載。我只想要顯示票數（喜歡）的標籤被更新，沒有別的。我怎樣才能做到這一點？這是我嘗試它不工作.. ASPX：

<asp:ImageButton ID="lnklike" runat="server" ImageUrl="~/Images/thumbsup.png" height="20px" Width="20px" CommandName="like" CommandArgument='<%# Eval("ScrapId")%>'/> &nbsp; 
<asp:UpdatePanel ID="UpdatePanel1" runat="Server"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger controlid="lnklike" eventname="click" /> 
    </Triggers> 
    <ContentTemplate> <asp:Label ID="Label1" runat="server" Text='<%# Controls_GetUserScraps.abc((int)Eval("ScrapId")) %>' /> 

protected void GridViewRowCommand(Object sender, GridViewCommandEventArgs e) 
{ 

    var scrapId = Int32.Parse(e.CommandArgument.ToString()); 

    switch (e.CommandName) 
    { 
     case "like": 

      string chklike = "select likestatus from tbl_like where fromid='" + Session["UserId"] + "' and scrapid='" + scrapId + "'"; 
      int a = dbo.GetLikesMethod(chklike); 
      string chkthumbsdown = "select thumbsdownstatus from tbl_like where fromid='" + Session["UserId"] + "' and scrapid='" + scrapId + "'"; 
      int b = dbo.GetLikesMethod(chkthumbsdown); 

      if (a == 0 && b == 0) 
      { 
       string sendlike = "insert into tbl_like (ScrapId,FromId,LikeStatus) values('" + scrapId + "','" + Session["UserId"] + "',1)"; 
       dbo.insert(sendlike); 
       //abc(scrapId); 
       GetUserScraps(int.Parse(Request.QueryString["Id"].ToString())); 
      } 
      else if (a != 0) 
      { 

       Response.Write("already liked"); 
      } 
      else if (b != 0) 
      { 
       Response.Write("you can not like something you already downvoted!"); 
      } 

      break; 
    } 
} 

方法獲得大拇指人數達/喜歡：

public static int abc(int scrpid) 
{  
    string getlikes = "select COUNT(*) from tbl_like inner join Scrap on tbl_like.scrapid=Scrap.Id where tbl_like.likestatus=1 and tbl_like.scrapid='" + scrpid + "'"; 

    dboperation dbo = new dboperation(); 
    int a = dbo.GetLikesMethod(getlikes); 

    return a; 
} 

public void GetUserScraps(int Id) 
{ 
    string getUserScraps = "SELECT u.Id as UserId,u.firstname,u.ImageName,s.FromId,s.ToId,s.Message,s.SendDate,s.ID as ScrapId FROM [tbl_user] as u, Scrap as s WHERE u.Id=s.FromId AND s.ToId='" + Request.QueryString["Id"].ToString() + "'"; 
    //string getlikes = "select COUNT(*) from tbl_like inner join Scrap on tbl_like.scrapid=Scrap.Id where tbl_like.likestatus=1 and tbl_like.scrapid='"+<%#DataBinder.Eval(Container.DataItem,"ScrapId")%>+"'"; 
    // <%#DataBinder.Eval(Container.DataItem,"ScrapId")%> 

    dt = dbClass.ConnectDataBaseReturnDT(getUserScraps); 
    if (dt.Rows.Count > 0) 
    { 
     GridViewUserScraps.DataSource = dt; 
     GridViewUserScraps.DataBind(); 
    } 
} 

Answer 1

在網格我想補充一個像這樣的鏈接：

<asp:TemplateField ItemStyle-Wrap="false" ItemStyle-Width="35px"> 
    <ItemTemplate> 
     <a href="javascript:void(0);" onclick="Link to your javascript method/ajax method"> 
             </a> 
    </ItemTemplate> 
    <ItemStyle Wrap="False"></ItemStyle> 
</asp:TemplateField> 

然後使用jQuery的AJAX調用，比如this

回報你R IN JSON新的數量和更新標籤

Ajax調用

function UpdateLikeStatus(imageID, labelid) 
{ 
     $.ajax({ 
       type: 'POST', 
       contentType: "application/json; charset=utf-8", 
       url: 'Services/MiscService.asmx/UpdateLikeStatus', 
       data: "{'imageid':'" + imageID + "'}", 
       dataType: "json", 
       success: function (data) { 
        //This is the label you want to update with the new count. 

        $('#labelid').html(data.d); 

       } 
      }); 
} 

這將是你的Web服務調用也可在WCF服務中使用。要了解如何實現一個AJAX web服務看起來HERE

[WebMethod(EnableSession = true)] 
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)] 
public string UpdateLikeStatus(string imageid) 
{ 
    string returnedData = "";   
    //Make call to stored procedure that does the update 
    returnedData = Storedprocedurecall.UpdateLikeStatus(imageid); //Updates the status and returns a count 
    //Now return the new count. 
    return returnedData; 

} 

在圖像或任何你正在使用更新般的地位的單擊事件。

<img src="" id="genericimage" border="0" onclick="UpdateLikeStatus('<%#Eval("imageid") %>', this);" /> 

圖像標識=您想更新等等狀態

如果您還有不明白的讓我知道了圖像的ID。