How to handle GridView data present in modeldialog

Question

5.00/5 (1 vote)

See more:

1. I have a GridView in a Parent page and the same GridView in a ModalDialog as Child page.

2. On a button click from parent page with the below javaScript I will be opening the required child ModalDialog.

JavaScript

var returnValue = window.showModalDialog(url, "windows Arguements #1", "dialogHeight: 700px; dialogWidth: 1100px; scroll: No; edge: Raised; center: Yes; resizable: No; titlebar=No; toolbar=No; status: Yes;");

3. Here in ModalDialog page I may edit the values in the GridView or I may add new Rows or Delete the existing rows, and the same will be saved using save button, by clicking which I will be calling the below javaScript

JavaScript

window.returnValue = rowscount + "::~~::~~::~~::" + document.getElementById('<%= ChildGridviewID.ClientID %>').outerHTML;

4. On closing the child ModalDialog it continues the javaScript after the step mentioned in "Step : 2" as below :

JavaScript

var params = returnValue.split("::~~::~~::~~::");
var rowscount = params[0];
var outer = params[1];
debugger;
document.getElementById(ParentGridviewID).outerHTML = outer;

Which updates the edited values in the TextBox, DropDown template fields but doesnot reflect the any newly added or deleted rows .

Posted 17-Sep-13 2:43am

rakeshdudi

Updated 17-Sep-13 5:39am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

Comments

rakeshdudi 17-Sep-13 11:56am

Hie...Tadit Dash, thank you for helping in updating my question...
Would be much helpful if provided with answer

GregWyatt 17-Sep-13 14:44pm

I am trying to more fully understand the problem. I have done similar things using a hidden div that would over lay on top of the current page with a grey background when opened. Then when someone submits, the dialog(div) is rehidden and the changes are updated on the underlying page. Are you using a similar mechanism, by just showing a div or are you using an asp.net modal dialog control? Or have I completely misunderstood your implementation?

rakeshdudi 18-Sep-13 2:07am

You are very close to my question GregWyatt, but the thing is that I am not using (div) to populate the dialog. I am using ModelDialog which will open in a new page as a popup, but where as using dialogue(div) will open as you explained whose controls will be still accessible to the so called parent page because the div region will be present in the same page which will be populated and hided as per on some button click(may be by using ModelpopupExtender).

GregWyatt 18-Sep-13 8:06am

I am unfamiliar with the implementation your using, but thought I would throw out a few ideas. If your javascript is successfully updating some elements on the page, could you call a button click that will cause a partial postback to update your gridview? This would require the gridview to be in an update panel and the button could be inside the update panel as well, hidden so that no one can use it but your javascript call.

rakeshdudi 19-Sep-13 2:38am

Awsome GregWyatt... you are absolutely right!!! I knew that it is an alternative but the issue that I am facing over doing that is... when calling button click immedialtely after var returnValue = window.showModalDialog( ... ) in javascript its triggering pageload but not the button click.

GregWyatt 19-Sep-13 8:03am

You probably already know this, but if the entire page is posting back, you may need a return false on one of your javascript calls to prevent the page from reloading. My guess is that an event prior to your button click call is causing your entire page to load. Essentially what you do is allow the events to happen client side without posting back until your final function call that calls the button click event and forces the partial page load. If you able to try to identify which event is causing the postback and see if you can override it. Also the javascript call that I'm think of is when on a button you add the parameter OnClientClick="function(); return false;" Alternatively, you can return false; from your javascript function to prevent a postback, if you can find the offender.

If you are having issues with an update panel, there may be other issues to figure out, like making sure the button that causes the load is inside the update panel.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)