按钮,在客户端更改CommandName和CommandArgs

时间:2011-02-03 15:40:37

标签: asp.net

有没有办法在客户端更改这两个属性的值,并在回发后将其反映在服务器端。我尝试过但它似乎不起作用。我想在我委托提交的页面上有一个按钮,并在客户端分配这两个参数。似乎不可能。有什么想法吗?

假设

形式中有一个名为“cmd”的按钮
 <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#<%=cmd.ClientID %>").click(function () {
                $(this).attr("CommandName", "do").attr("CommandArgument", "arg2");
            });

        });

    </script>

如果在回发后检查值,它们仍然与回发前相同。

2 个答案:

答案 0 :(得分:0)

我试过你的代码而且工作正常。

通过添加OnClientClick =“return false;”确保您的按钮没有生成回发:

  <asp:Button ID="cmd" runat="server" Text="Button" OnClientClick="return false;"></asp:Button>

您也不会在浏览器中看到“查看源”的区别。但是DOM已经发生了变化。使用firebug并添加console.log以便自己查看:

$("#<%=cmd.ClientID %>").click(function () {
    $(this).attr("CommandName", "do").attr("CommandArgument", "arg2");
    console.log(this);
});

console.log(this)给了我以下内容: enter image description here

编辑: 如果你考虑一下。如果按钮创建了回发,则一旦页面再次加载,该按钮将自身重置为正常。

编辑#2:

  

我不需要在客户端上进行更改   一边,我需要在服务器端。   这就是整个问题   题。我需要看到改变   服务器端,似乎没有   是可能的。 - epitka

好的......好吧,在那种情况下。这不可能。 “CommandArgument”和“CommandName”对客户端没有任何意义,也无法访问。

然而,有一些工作。但根据您的应用程序的上下文,它们可能对您没用。

您可以尝试使用自己的属性,例如建议的答案here

或者您可以在客户端执行__doPostBack并在后面的代码中选择__EVENTARGUMENT。

(链接按钮用于通过asp.net生成__doPostBack函数。)

像这样:

<script type="text/javascript" language="javascript">
    function DoPostBack() {
        __doPostBack('cmd', 'thesearemyarguments');

    }
</script>

页:

<asp:Button ID="cmd" runat="server" Text="Button" 
        OnClientClick="DoPostBack(); return true;" 
        onclick="cmd_Click" ></asp:Button>


    <asp:LinkButton ID="LinkButton1" runat="server" Visible="false">LinkButton</asp:LinkButton>

代码背后:

protected void cmd_Click(object sender, EventArgs e)
{
    Response.Write(Request.Params["__EVENTARGUMENT"]);
}

答案 1 :(得分:0)

我在这里遇到同样的问题,我发现解决方案是使用ajax调用将我的按钮id发送到一个函数,我可以将其设置为会话变量。因为无法从静态调用中访问我想要更新的asp控件。在ajax调用成功后,我单击一个隐藏按钮,该按钮使用非静态点击事件来操纵我设置的会话变量并更新控件

我的链接是在转发器中生成的,它们对应于房屋的不同房间。当您点击链接时,有另一个转发器必须更新,以显示与所点击的房屋房间相关的销售产品

我从转发器生成的链接

<a href="#" class="changeroom" data-id="<%#Eval("NodeID")%>" data-toggle="tab"><%#Eval("DocumentName") %></a>

我的客户端方法

$('.changeroom').each(function () {
    $(this).on('click', function () {
        var id = $(this).attr('data-id');
        var object = { 'sender': id };

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "/App/Page Templates/FindByRoom.aspx/UpdateRoomID",
            data: JSON.stringify(object),
            success: function() {
                $('#btnID').click();
            }
        });    
    });
});

btnID是一个带有服务器端点击事件的简单aspButton

最后是我的服务器端方法

protected void btnChangeRoom_OnClick(object sender, CommandEventArgs e)
{
    int id = 0;
    if (Session["RoomID"] == null) return;
    Int32.TryParse(Session["RoomID"].ToString(), out id);
    if (id == 0) return;
    //do something with your buttons id
    //i updated the path of a repeater and reloaded the data
}

[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static void UpdateRoomID(string sender)
{
    HttpContext.Current.Session["RoomID"] = sender;
}