访问RUNAT =＆QUOT;服务器＆QUOT;在控制的WebMethod ID [英] Accessing runat="server" control id in WebMethod

问题描述

HTML code是

html code is

<script type="text/jscript">
function ajaxcall() {
     $.ajax({
     type: "POST",
     url: "index.aspx/lvimgclick",
     contentType: "application/json; charset=utf-8",
     data: JSON.stringify({ value: "test" }),
     dataType: "json",      
    });
};
</script>

<img src='images/img1.jpg' onclick='return ajaxcall();' />  // calling script

<asp:LinkButton ID="lvlink1" OnClick="lvimg1_Click" CssClass="lv-under" runat="server"  >
<asp:Image ID="lvimg1" runat="server" ImageUrl="~/images/spacer.gif" />

<asp:LinkButton ID="lvlink2" OnClick="lvimg2_Click" CssClass="lv-under" runat="server"  >
<asp:Image ID="lvimg2" runat="server" ImageUrl="~/images/spacer.gif" />

<asp:LinkButton ID="lvlink3" OnClick="lvimg3_Click" CssClass="lv-under" runat="server"  >
<asp:Image ID="lvimg3" runat="server" ImageUrl="~/images/spacer.gif" />

<asp:LinkButton ID="lvlink4" OnClick="lvimg4_Click" CssClass="lv-under" runat="server"  >
<asp:Image ID="lvimg4" runat="server" ImageUrl="~/images/spacer.gif" />

的.cs code

.cs code

[WebMethod]
public static string lvimgclick()
{      
    return "hi";
}

protected void lvimg1_Click(object sender, EventArgs e)
{  

    lvlink1.CssClass = "lv-under";
    lvimg1.ImageUrl = "~/images/1.jpg";

    lvlink2.CssClass = "lv-under";
    lvimg2.ImageUrl = "~/images/spacer.gif";

    lvlink3.CssClass = "lv-under";
    lvimg3.ImageUrl = "~/images/spacer.gif";


    lvlink4.CssClass = "lv-under";
    lvimg4.ImageUrl = "~/images/spacer.gif";
}

什么要的是：

[WebMethod]
public static string lvimgclick()
{      
    lvimg1_Click(null, null);
    return "hi";
}

或

[WebMethod]
public static string lvimgclick()
{      
    lvlink1.CssClass = "lv-under";
    lvimg1.ImageUrl = "~/images/1.jpg";

    lvlink2.CssClass = "lv-under";
    lvimg2.ImageUrl = "~/images/spacer.gif";

    lvlink3.CssClass = "lv-under";
    lvimg3.ImageUrl = "~/images/spacer.gif";


    lvlink4.CssClass = "lv-under";
    lvimg4.ImageUrl = "~/images/spacer.gif";
    return "hi";
}

你接受呢？还必须使用 lvimg1_Click（NULL，NULL）; 和 lvlink1.CssClass =LV-1退休; 是在很多功能这是不会是一个WebMethod

推荐答案

如果您使用jQuery你可以做像下面

If you use jquery you could do like below

 $.ajax({
   type: "POST",
   url: "index.aspx/lvimgclick",
   contentType: "application/json; charset=utf-8",
   data: JSON.stringify({ value: "test" }),
   dataType: "json", 
   success:function(result){

     if(result.cssclass)
     {
       $('#<%= lvlink1.ClientID %>').addClass(result.cssclass);
     }
   }     
  });

在的WebMethod

In WebMethod

   public class CustomResult
    {
        public string output{ get; set; }
        public string cssclass{ get; set; }
    }

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static CustomResult lvimgclick()
{      
    var result=new CustomResult{output="hi", cssclass="lv-under1"}

    return result;

}

请注意：

有时你可能需要使用 D ，这是由框架添加访问数据。像 result.d.cssclass

Sometimes you may need to access the data with d, which was added by framework. like result.d.cssclass

编辑：

在情况下，如果要更新多个链接按钮，在ASPX为它定义一个共同的CSS类。

In case if you want to update multiple link buttons, have a common css class defined for it in aspx.

<asp:LinkButton ID="lnk1" runat="server" CssClass="menu" Text="Home" />
<asp:LinkButton ID="lnk2" runat="server" CssClass="menu" Text="AboutUs" />

然后在你的Ajax调用的成功回调使用类选择和更新。

Then in your ajax call's success callback use class selector and update.

  success:function(result){

     if(result.cssclass)
     {
       $('a.menu').addClass(result.cssclass);
     }
   }   

这篇关于访问RUNAT =＆QUOT;服务器＆QUOT;在控制的WebMethod ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！