asp.net Textbox value is null when post bock with Jquery Dialog occured

Question

I have Asp.net text box in < div> tag which after click on "btnReply",< div> showes by Jquery Dialog, so user write idea at text box and click "Send" button (jquery dialog button) and post back happend.

but the asp.net text box value at server side is null . Why ? my code is here :

     <div id="ReplyDiv"  style="display:none;">
             <asp:TextBox ID="txtReply" runat="server" Textmode="MultiLine"/>
     </div>

     <input type="button" id="btnReply" onclick="javascript:retuen ShowReplyDialog();"/>

      <asp:Button ID="AspBtnReply" runat="server" OnClick="AspBtnReply_Click" class="hidden"/>

     /*-----Jquery script----*/
    <script type="text/javascript">
      function ShowReplyDialog()
       {
         $("#ReplyDiv").dialog({
            width: 580,          
            buttons: {
               "Close": function () { $(this).dialog("close");} , 
               "Send" : function () {
                   //----Call Asp.net server method here
                   $("#<%=AspBtnReply.ClientID %>").click();
               }                    
            }
         }).parent().appendTo($("form:first"));
      }
    </script>

Community · Accepted Answer · 2017-05-23 12:07:23Z

After a lot of search i understand to have some reasons :

I can solved it **Jquery UI Dialog need z-index style ** . i mean :

<style>
 .ui-widget-overlay
 {
     z-index:0;
 }
</style>

And need jquery :

  $("#..").dialog(.....).parent().parent().appendTo($("form:first"));

It's been a while since I used UpdatePanels, but I believe that on partial postback they only send updated values for controls inside them. So move the TextBox inside the UpdatePanel, or perhaps use Javascript to populate a hidden control inside the UpdatePanel with the contexts of the TextBox whenever it is updated.item
To get the values of the inputs in the code behind and access them through the server controls mechanism (textBox.Text), their state (and presence) needs to be persisted in the ViewState. Since you are building them with javascript, their state is not persisted, the only way you can get their values is using the Request.Form collection.
This issue said best tips : jQuery Dialog-Postback but UpdatePanel doesn't get updated**
For disable controls is best issue : Retrieving the value of a asp:TextBox

Aarif Qureshi · Accepted Answer · 2013-08-30 10:47:01Z

3

Use hidden field value to store the textbox value

var Des = $("#txtDesc").val();
$("#hid").val(Des);

hid is the id of hidden field.

answered Aug 30, 2013 at 10:47

Aarif Qureshi

4741 gold badge3 silver badges13 bronze badges

2 Comments

Harry Sarshogh Over a year ago

Hi Aarif , i can solved it but i want to know Why the text box value don't sended to server.!!! i also up your solution but exactly not my answer you said. Thanks

Aarif Qureshi Over a year ago

Jquery UI on run time removes the all document objects and puts it out side the DOM at this time none of the objects will be accessible for you . Thats the default behavior of all Jquery UI plugins . So you have to bear that some how by changing the way you are using it .

Moeed · Accepted Answer · 2022-02-02 20:26:20Z

0

I've just faced the same issue and after two hours effort i found the form tag in my bootstrap Modal. I've removed the form tag and value is receving in backend.

answered Feb 2, 2022 at 20:26

Moeed

535 bronze badges

Collectives™ on Stack Overflow

asp.net Textbox value is null when post bock with Jquery Dialog occured

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related