AJAX :: Save Button In ModalPopupExtender?
Dec 22, 2010I would like to put a button that saves data to a database inside a ModalPopupExtender.
I would like that when this button is clicked that it should NOT close the ModalPopupExtender.
I would like to put a button that saves data to a database inside a ModalPopupExtender.
I would like that when this button is clicked that it should NOT close the ModalPopupExtender.
I have a wierd issue with a ModalPopupExtender. I am using a GridView and a DetailsView Control inside a ModalPopupExtender to show the details. After I Hide the ModalPopupExtender it renders at the bottom of the page. The popup works fine, just when i close it it moves to the bottom. If i click on another item and close it, it just builds at the bottom of the page. If i click Save it closes and falls to the bottom of the page and my Update sql statement contains all the values of the below popups. Wierd huh!
I have tried both using the OKControlID and creating an event handler to do a ModalPopupExtender.Hide(); neither works. I have used the ModalPopupExtender a number of times and have never seen this happen.
I am using the code below to recreate a modalPopup window. At each UpdatePanel refresh I "lose" the window but I recreate it again after my Panel is updated. This gives me the impression that the windows is always open. The only problem is after I drag and drop it to a different location, the window is recreated back in its original location:
if ($find(MPIDList[clientID]) == null) {
$create(Sys.Extended.UI.ModalPopupBehavior,
{ "BackgroundCssClass": "modalBackground",
"CancelControlID": CancelControlIDList[instanceId],
"DropShadow": true,
"X": 50, "Y": 250,
"PopupControlID": PopupControlIDList[instanceId],
"PopupDragHandleControlID": PopupDragHandleControlIDList[instanceId],
"id": MPIDList[instanceId]
}, null, null, sender);
So I was trying to do the following:
1 - Initialize a global var for X and Y with the static values of 50 and 250;
2 - Show the window and drag it to a different location;
3 - UpdatePanel is refreshed and my Gridview is data bound with new data
On step 3 above I need to find a way to save the current window position BEFORE UpdatePanel is called and apply the saved position AFTER the UpdatePanel call is finished.
I have created a simple modalpopupextender the extender has several options for the search functionality and when i press the okay button it supposed to do a search but.. it not...
my ASPX
<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
TargetControlID="moreOptions"
PopupControlID="popUp"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
>
</ajaxToolkit:ModalPopupExtender>
public void Search()
{
//code here--- not triggering
}
For my modalpopupextender control, within the panel control, can I have the buttons to be dynamically display based on condition?For example, in the panel control I have 2 buttons "OK" and "Cancel". On certain conditions, I want to show only "Cancel" button.
View 1 RepliesSo I have a master page and a child page with ModalPopUpExtender.
When I click a button on child page, the button will call this "ModalPopUpExtender.Show()", but when I click on the button targeted by the CancelControlID, the ModalPopUpExtender won't hide.
If I create a new project without the master page, the code works fine.
I have a gridview that is loaded inside a panel that is displayed using a ModalPopUpExtender. I have added in code (a div statement) to allow the gridview to have scrollbars. Doing so causes any button click to close the ModalPopUpExtender instead of proceeding on with the button click event. If I remove the scrollbars it works just fine and proceeds on just as if the user clicked the button.
How can I use the scroll bars and have the system not close the ModalPopUpExtender?
I have a webform that displays a panel through the ModalPopupExtender. This panel has a button that will start a lengthy process, so I have an UpdateProgress attached to the button in the panel.
How can I hide the panel (displayed through the ModalPopupExtender) so that I can then display UpdateProgress? Currently, Button_getName will display Step2Panel. Then clicking on Button2 will display UpdateProgress behind Step2Panel. I tried hiding the panel in Button2_Click with ModalPopupExtenderStep2.Hide, but it didn't do anything.
I've included the code:
[Code]....
[Code]....
Server-side:
[Code]....
I have a panel displayed using modalpopupextender, which contains buttons that i want to hide before results are displayed.
However, using button.visible=false cannot work. I do not know the reason for it. Do anyone know how to hide the buttons in the panel for modalpopupextender?
[Code]....
Disable Submit button onclick in ModalPopupExtender
I have a web form that has a gridview with a dropdown in it. When the selects NO, I show the ModalPopUp with a comment field and that has a Save and Cancel button it. When the user clicks the Cancel button, I want the ModalPopUp to close (which it does), and reset the dropdown in the GridView to {Please Select}, right now, its keeping NO selected which I don't want if Cancel is clicked. is there anyway to accomplish this? So far I haven't found anything online showing/saying it can be done
View 11 RepliesI am performing the search event on the button click and showing the result in datalist inside the model popup on same button simultaneous. but when i am clicking the button it vill not showing the model popup.
<asp:Button ID="btnsearch" Text="Search Property" runat="server" class="btn btn-deault" OnClick="btnsearch_Click" />
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnsearch" OkControlID="btnsearch_Click"
CancelControlID="btnClose" BackgroundCssClass="modalBackground">
[Code] ....
I have a modalpopupextender with popupcontrolid set to a panel. I have a name textbox, label, submit button in the panel. When the submit button is clicked the name is validated using a function connecting to the DB. If It already exists the label should show "Already Exists". I have set the label text in the buttonclick event handler but the label is no set. The popup just closes. I want the label to be set and make the popup remain unclosed. How to achieve this functionality ?
<asp:ModalPopupExtender ID="ModalPopupExtender" runat="server"
TargetControlID="NewUserButton"
PopupControlID="NewUserPanel"
BackgroundCssClass="modalBackground"
OnOkScript="onOk()"
CancelControlID="CancelBtnNewUser"....
I'm using a ModalPopupExtender to display a login screen when an ImageButton (called Post) is clicked.The dialog pops up as expected and performs all the correct validations. When the user presses the Enter key, this causes the Login button to fire its Click event as it should.The issue I get is that I have another ImageButton on the main page. After the user presses Enter in the login and the page logs the user in, it does not fire the server click even for the initial post button that brought up the login, it fires the click of another ImageButton instead.
View 1 Replies when I was trying to set this ModalPopUpExtender i was using a btn1 as the targetCOntrolID. btn1 is no longer used and i want to remove it from the page, but dont know what to do about the TargetControlID.
ASP Code [Code]....
VB Code Behind
[Code]....
There is a gridview on the page and when the user clicks the link button it calls the popup..
[Code]....
How can I remove btn1 and the ModalPopUpExtender still work ?
I have a gridview that displays items awaiting supervisor approval. The supervisor clicks the Review button and a modal window should popup with the results of a database query on the record. I am using a dataketname param on the grid. Here are the ASPX elements, The gridview and the modalpopup code
[Code]....
I am using mpeApproval.Show() in the codebehind but it isn't firing. I've been at this literally all day and am feeling pretty stupid at the moment. Have I provided enough for you to make a determination?
I have a DataList that contains some Thumbnail Image(Image Button).
Now I want when i click on any Item in datalist the original image come in modalpopupextender.
How I can do this?
<asp:DataList
ID="dlImgGallery"
runat="server"
RepeatColumns="3"
Width="100%"
onselectedindexchanged="dlImgGallery_SelectedIndexChanged"
DataKeyField="Id"
>
<ItemTemplate> <table
style="width:100%;">
<tr>
<td
></td>
<td
class="style3">
<asp:ImageButton
ID="ImageButton1"
runat="server"
ImageUrl='<%# Eval("Img_URL") %>'
BorderColor="#0098DB"
BorderStyle="Double"
BorderWidth="3px"
onclick="ImageButton1_Click1"
/>
</td>
<td
class="style3">
</td>
</tr>
</table> <br
/>
<cc1:ModalPopupExtender
ID="mpe"
runat="server"
BackgroundCssClass="ModalBackColor"
TargetControlID="ImageButton1"
PopupControlID="Panel8"
CancelControlID="btnCancel"
ondatabinding="mpe_DataBinding">
</cc1:ModalPopupExtender>
</ItemTemplate>
</asp:DataList>and
my panel that shows as modalpopu
<
asp:Panel
ID="Panel8"
runat="server"
onload
="Panel8_Load">
<asp:Button
ID="btnCancel"
runat="server"
Text="Cancel"
/>
<br
/>
<asp:Image
ID="Image1"
runat="server"
Height="102px"
Width="124px"
/>
</asp:Panel>
Now where I can to write code that when i click on item in datalist Original Image show in modal popup extender?
I would really appreciate if someone can find out what's wrong with this code.
Here is my question. I have textboxes in a modal popup extender (City, state, zip) and there is an image button search for searching the address from the database. All this functionality is within a control (.ascx file). This control is added to the page where it needs to be displayed and is being displayed when a user click the Address button (the code for it is not shown here). The method ShowAddressSearch() in the control is being called from the page and it displays the popup.
When the user enters any of the 3 values and hits search a server event is fired up and the result should be displayed in a grid. What is happening is, when the user hits the search button the server call is made and the data fetched from the db but the modal popup closes itself here is the code for this. I would really appreciate if someone can find out where and how popup is getting closed.
[Code]....
Re: Asp.net 2.0, VS 2005, Ajax 1.0
I am a newbie to ajax. I have started adding the ajax functionality to a current project. So added all the required contents in the web.config.
I have a master page in my project and I have a simple aspx page also using this master page.
All i have on the page is a script manager, an updatepanel and with in the updatepanel are three text boxes, a calender extender, an image button and a save button. When I click on the save button the first time the save button's event doesn't trigger but the second time I click it triggers. Similarly, the text_changed events of the text boxes dont trigger the first time.
I have a modal popup extender with one control (ascx) this control has a label that on onclic method call other popup extender.
It's has other ascx, it's has a button for a search. When I do Click in this button in first time, the event click not fired and there are a javascript error that say "this._activeDRagVisual is null reference".
In the other hand, If a use de second popup inside an asp page the event and control work correctly. The problem is with the popup inside popup.
I have a table which has one row and only one cell will be editable. I have accomplished this with the following code.
$("td#effEndDate").click(function() {
if (!$(this).hasClass("edit")) {
var value = jQuery.trim($(this).html());
$(this).html("<input id="txtEdit" type="text" value="" + value + "" />");
[code]...
I am facing a problem with Ajax file Upload control
how to Upload image using ajax file upload control on Button click event in asp.net
i don't want to use the upload button what has placed on ajax file upload control .
I Just place the extra button on that button click event only i want to insert the image into my databse.
[Code]....
[Code]....
i want to display the Save Dialog to appear when the user click at the LinkButton located in the Header Template of the Repeater
P.S: i have tried so may things as you can see in the code but does not seem to work.
I have an asp.net ajax enabled form that looks like this:
[Code]....
[Code]....
As you can see in the OnPreRender event, the Save button gets enabled or disabled depending on whether the datagrid is in edit mode or not. When I step in the code, it operates correctly in the code, but it does not get reflected correctly on the screen. That is, even when btnSave.Enabled set to true in the code, the browser displays the disabled button. Any idea why this might be happening?
am looking to save/update my webform through a server side button control. On button click, I'd like to disable the save/update button and show a progress bar of the save through a modal or some other trick disabling the form being saved.How can I implement this
View 2 Replies