将html文本框值从jquery模式传递给后面的asp代码

时间:2012-01-13 23:29:09

标签: c# jquery asp.net

此代码显示一个Jquery对话框,其中包含一个html文本框,该文本框在用户单击asp:button btnNewGroup后显示

<script type="text/javascript" language="javascript">
function pageLoad(sender, args) {
    var $dialog = $('<div><fieldset><label for="name">Name</label><input type="text" name="Name" id="name" class="text ui-widget-content ui-corner-all" /></div>')
        .dialog({
            modal: true,
            autoOpen: false,
            title: 'Enter New Group Name',
            buttons: {
                'New': function () {
                    $(this).dialog('close');
                },
                Cancel: function () {
                    $(this).dialog('close');
                }
            }
        });


        $("#<%=btnNewGroup.ClientID %>").click(function () {
            $dialog.dialog('open');
            return true;
        });
}
</script>

<asp:Button ID="btnNewGroup" runat="server" Height="26px" 
onclick="btnNewGroup_Click" Style="margin-bottom: 0px" Text="New Group" 
ClientIDMode="Static" />

protected void btnNewGroup_Click(object sender, EventArgs e)
    {
        String t = Request.Form["Name"];
    }

当用户点击对话框中的新按钮时,我想从文本框中取名,并在我的代码后面使用asp新按钮点击事件。

2 个答案:

答案 0 :(得分:1)

我不确定这是否是您正在寻找的,但您可以将Name值传递给服务器端Web方法。通过在New按钮的函数中使用Jquery的Ajax。

在代码隐藏页面的服务器端,您可以通过添加

来创建Web方法
using System.Web.Services;

到您的页面顶部,然后在您的代码中创建一个Web方法,就像这样

[WebMethod]
public static void DoSomething(object name)
{
   //do something intersting
}

Ajax调用将替换

 $(this).dialog('close');

您目前在New Button Click事件中有这样的事情。

var valFromNameBox = $("#name").val();
var jsonObj = '{name: "' + valFromNameBox + '"}';
var res;
$.ajax({
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    data: jsonObj,
    dataType: 'json',
    url: 'YourPage.aspx/DoSomething',
    success: function (result) {
    },
    error: function (err) {
        alert(err.toString());
    }
});

}

答案 1 :(得分:0)

因为已经准备好了输入控件,并且你发了帖子,通常你可以通过使用Request.Form来获取值,在这种情况下,这个参数会获得代码背后的值。

Request.Form["Name"]

一个注意事项,从对话框中移除<form></form>,因为您违反了asp.net表单,可能无效。

var $dialog = $('<div><fieldset><label for="name">Name</label>
<input type="text" name="Name" id="name" 
   class="text ui-widget-content ui-corner-all" /></fieldset></div>')