Search jQuery

jQuery Forum

Using jquery mobile: postback inside an updatepanel resets data-role="panel"

in jQuery Mobile • 9 years ago

I am using jquery mobile (http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js) with a c# .Net 4 web application.

I have a div set up like this:

<div data-role="panel" id="MenuItemPanel" data-display="overlay" data-position="right" style="width: 262px;padding: 0 10px;" data-theme="d" >
<asp:UpdatePanel ID="updpnlrdo" runat="server" >
<ContentTemplate>
<asp:RadioButtonList ID="rdobtnlst" runat="server" EnableViewState="true" OnSelectedIndexChanged="rdobtnlst_SelectedIndexChanged" AutoPostBack="true" />
</ContentTemplate>
</asp:UpdatePanel>
</div>

on the backend of the page I have the code set up like this:

protected void rdobtnlst_SelectedIndexChanged(object sender, EventArgs e)
        {
            string lsScript = "OpenMenuItemPanel();";
            ScriptManager.RegisterClientScriptBlock(this,typeof(Page), "myFunc", lsScript, true);
        }

and the OpenMenuItemPanel() javascript function looks like this:

function OpenMenuItemPanel()
             {
                 alert('OpenMenuItemPanel')
                 $("#MenuItemPanel").panel("open");
             }

I cannot get the div to stay open after the postback to the rdobtnlst_SelectedIndexChanged method even though it is in an updatepanel. Can anyone help?

Replies(4)

watusiware

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

9 years ago

Most of us here have no idea what you are talking about. (Because you are using Microsoft MVC4 terminology.) We don't know what a "post back" or an "update panel" are. Then we see <asp:> and now we *really* don't know what you are talking about.

You may be better off seeking-out those who have successfully used JQM and MVC4 together. (I haven't seen many people posting here have much luck with this combo...) I wish I could recommend a blog, help site, book, etc. etc to add to the "how to ask questions" post - I've asked and none such has been forthcoming.

So, you will need to be patient and see if somebody wanders by who knows what you are talking about and has solved the problem.

jsanzone

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

9 years ago

Ok. I have found that if I use this code:

$('#" + updpnlrdo.ClientID + "').trigger('create');

Now the panel stays shown on the screen. I am now trying to get it inside a control.

Sorry, I was not aware that .NET + JQM question would elicit a response of "Most of us here have no idea what you are talking about." I used the words postback and updatepanel since they are terms that a Microsoft Developer would know, so If you do not know what they mean, then don't answer. I appreciate you letting me know that you haven't seem people have much luck with the combo. This helps me know that I am not crazy and that is why I posted.

I will keep looking into this. Thanks.

watusiware

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

9 years ago

I used the words postback and updatepanel since they are terms that a Microsoft Developer would know, so If you do not know what they mean, then don't answer.

I mentioned that there are not a lot of Microsoft developers here, because sometimes people post these MVC4 questions, and then get angry that they get no answers. ;) The reason is, there are few of us here that use the technology, and the terminology is foreign.

Microsoft is, I believe, a jQuery Mobile sponsor. Unfortunately, it seems they've shipped JQM with a product, and provided insufficient documentation on how to make it work properly with their platform. Most people seem to just give up and set data=ajax="false" on all their links.

If somebody has a resource to point to that unlocks the puzzle, would love to add it to the "how to ask" sticky post.

jsanzone

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

9 years ago

insufficient documentation....

Say it isn't so!!!

Years ago before the internet you actually had to go and find someone and learn from them. Now with the internet at our finger tips we are expected to know all of these systems and how they inter-connect. It is to the point where MS knows people are going to go online to search up how to do something and it is easier to answer the questions then to put something together.

I have also been looking for something that puts it all together. There are bits here and there that I have been collecting that have helped. If there is a book or something like that that anyone can share that would be great.

Top Reply

Response title

Attachments

jQuery Forum

Using jquery mobile: postback inside an updatepanel resets data-role="panel"

Replies(4)

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

Re: Using jquery mobile: postback inside an updatepanel resets data-role="panel"

Statistics

Tags

Actions