AJAX :: MaskedEditValidator And Panel's DefaultButton Not Working?
Mar 16, 2010
I have a panel, with several textboxes and an ImageButton inside of it. One of the textboxes has a MaskedEditExtender and a MaskedEditValidator associated with it. When I hit enter from any other textbox besides the one with the MaskedEditValidator the defaultbutton that is defined in the Panel's DefaultButton property handles the enter key.However, when I am in the textbox with the MaskedEditValidator, the first button on the form is receiving the enter key. Now, if I take the MaskedEditExtender off of the page, and just leave the MaskedEditExtender, everything behaves as it should.Can anyone offer any insight into how I may get this to work properly, or is this a known bug?I tried searching the forums and found a similar post, but no conclusion was ever reached.
View 3 Replies
Similar Messages:
Jul 14, 2010
I have a search panel in my master page, which seems to be getting called when typing in another panel and hitting enter, even though the panel has a different defaultButton. The weird thing is the second and third panels work well, which ever one I put at the top calls the search button.
My search panel in my master page
<asp:Panel runat="server" ID="pnlSearch" DefaultButton="btnSearch">
<asp:TextBox ID="txtSearch" CssClass="fld" runat="server" Width="160" Text="Search..."
onclick="this.value='';" CausesValidation="false"></asp:TextBox>
<asp:ImageButton ID="btnSearch" ImageUrl="~/Images/search_arrow.gif" runat="server"
[Code]....
View 1 Replies
Apr 4, 2011
I am using ASP.NET Panel to set Default Button for some Controls like TextBox but it seems to not work due to AJAX Control Toolkit's AutoCompleteExtender.
Code is as below:
<asp:Panel ID="pnlSearchBox" runat="server" class="search-main-box" DefaultButton="lnkSearch">
<asp:TextBox ID="txtLocation" runat="server" CssClass="input-field" MaxLength="200" style="width: 182px; margin-bottom: 7px;"></asp:TextBox>
<ajaxToolkit:AutoCompleteExtender runat="server" BehaviorID="AutoCompleteEx" ID="aceLocation"
[Code].....
View 1 Replies
May 18, 2010
I have a page where a user can type a From & To address, which brings up a new window w/ directions. In order to bring up the page in a new window, I'm using an HTML Button (not a Button Control).
The problem I'm having is when a user hits the enter key. I tried setting the default button for the pane, but quickly learned this isn't allowed.
I added some Javascript to capture when the enter key is hit, but this isn't working right on Firefox & the iPhone Mobile Safari browser.Is there a standard way to make an HTML Button the default button of a panel?
Ideally, I could use a Button Control, prevent it from going to the server & only execute the javascript. Is this possible?
View 1 Replies
Aug 11, 2010
UserAddToList.ascx
<asp:Panel ID="Panel1" runat="server" >
<sikt:PartFormTextboxLine runat="server" ID="samAccountName" />
sikt:PartFormTextBoxLine runat="server" ID="name" />
<sikt:PartFormButtonLine runat="server" ID="addButton" UseSubmitBehavior="true" />
</asp:Panel>
PartFormButtonLine ascx:
<div>
<asp:Button ID="Button" runat="server" onclick="Button_Click" />
</div>
I wish to set the default button of the panel to the button in PartFormButtonLine.
This is tested:
Findcontrol
Button bt = (Button)addButton.FindControl("Button");
Panel1.DefaultButton = bt.ClientID;
(also tested Panel1.DefaultButton = bt.ID; Panel1.DefaultButton = bt.UniqueID;)
Making a field: Panel1.DefaultButton = addButton.Button.ID;
(also tested Panel1.DefaultButton = addButton.Button.ClientID; Panel1.DefaultButton = addButton.Button.UniqueID;)
Setting the default button directly on addbutton. I tried both in aspx and in code to set the defaultbutton to the custom control and implement the IButton interface, but that was also fruitless.
View 2 Replies
Jan 25, 2010
I have created a custom web control to act as a button with an image. I would like to be able to set this as the target of the DefaultButton parameter of an ASP.NET Panel control. I have implemented the IButton interface, and no error is generated when loading the page using the control. However, when I press enter in a textbox within that panel, the Click event of the control is not raised. When I replace my control with a standard ASP.NET button, everything works fine.I have a test page with a panel containing a textbox, an instance of my custom button, and a standard asp.net button. The buttons are wired to an event handler which will change the textbox to the ID of the caller.When DefaultButton of the panel is set to the ASP.NET button, hitting enter in the next box works correctly - the page posts back, and the text box is populated with the name of the standard button. When DefaultButton of the panel is set to my button, hitting enter in the textbox causes the page to postback, but the Click event is not fired. Clicking the button manually works correctly.Does anyone know what I have to add to my custom control to make it handle the event coming from the Panel control? I'm looking using Reflector at the source code for Button, but cannot identify what is enabling this behaviour.I have posted the source of the control below, and the relevant source of the test page.Control Source:
public class NewButton : WebControl, IPostBackEventHandler, IButtonControl
{
public NewButton() : base(HtmlTextWriterTag.A) { }
[code]...
View 2 Replies
Feb 15, 2010
I have a GridView control on a page with a Panel that has a DefaultButton. I am trying to get the "Update" button to work with the Enter key when a user edits a row. It works fine with the mouse. When I click on "Update", the row reverts back to View mode and the updated value is shown.
When the GridView is in the Panel, the Panel's default button (which submits the page) fires when I press Enter, before the RowCommand is even handled, and the update is lost.
When the GridView is not in the Panel, some other seemingly random button in the Panel fires, but not the "Update" button in my row's EditItemTemplate. Specifically, there is a CalendarExtender on the page, and the extender's popup button fires. Totally not what I want.
How can I get this to behave correctly?
Here is the structure of my mark-up code:
<asp:Panel ID="Panel1" runat="server" DefaultButton="btnSubmit">
<!--Form with controls-->
<asp:ImageButton ID="btnWSPODateCal" runat="server" />
<!--this button fires when I press enter while editing a grid row:-->
<ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server"
TargetControlID="tbPODate" PopupButtonID="btnWSPODateCal" />
<!--more controls-->
<div class="button_row">
<asp:ImageButton ID="btnCancel" runat="server" />
<asp:ImageButton ID="btnSubmit" OnClick="btnSubmit_Click" />
</div>
</asp:Panel>
<asp:GridView runat="server">
<Columns>
<asp:TemplateField>
<EditItemTemplate>
<asp:ImageButton CommandName="MyUpdate"
ID="btnSubmitRow" runat="server"
CommandArgument="<%# ((GridViewRow) Container).DataItemIndex %>" />
View 2 Replies
Aug 9, 2010
On my page i have a set of control containing parts of a form, like textboxes, checkboxes etc. I use those parts to build controls that I use in pages. For example:
UserAddToList.ascx
<asp:Panel ID="Panel1" runat="server" >
<sikt:PartFormTextboxLine runat="server" ID="samAccountName" />
<sikt:PartFormTextBoxLine runat="server" ID="name" />
<sikt:PartFormButtonLine runat="server" ID="addButton" UseSubmitBehavior="true" />
</asp:Panel>
PartFormButtonLine ascx:
<div>
<asp:Button ID="Button" runat="server" onclick="Button_Click" />
</div>
What I then want to do is to set the behavior of Panel1 to have a default button in the addbutton control. I have tried setting the Panel 1 default button to the botton in formbutonline like this: Panel1.DefaultButton = addButton.Button.UniqueID; in Page_load, but that does not work because .net throws this error: The DefaultButton of 'Panel1' must be the ID of a control of type IButtonControl. Now the button is public, so that should be ok. I have also tried ID and ClientID, with te same results. I have also tried to implement the IbuttonControl in PartFormButtonLine and map the implemented functions to the button
functions, which, as expected did not work. (Panel1.DefaultButton = addButton.ID) The problem as far as I can tell is that I cant seem to set the
"onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_UserAddToList_addButton')"
of the container div to the correct value, onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_UserAddToList_addButton_Button')" Everything else works, this is the last thing that needs to be fixed.. Idealy i want to fix this in the PartFormButtonLine file, as that would be better for reuse {update: removed quite abit of clutter in the ascx snippets}
View 5 Replies
Mar 14, 2011
I want to use MaskedEditExtendor and MaskedEditValidator togather to perform validation for USA phone number.
My aspx code is below.
[Code]....
View 4 Replies
Jun 8, 2010
I'm new to the world of Update Panels and i'm having a hard time figuring out how to use them properly.
I have a form that has a table(TABLE1)...and inside TABLE1 i am linking to a sql data source....at the bottom of the table i have a 'Add' button.
When the user clicks the add button...a modal popup appears (POPUP1) and inside the POPUP1 the user can click a link that can add a user...when the link button is clicked...a panel within POPUP1 is set to visible = true.
I have one update panel around the whole table and the add button...when i click add and then click the link to add a user....the modal popup disappears.
View 2 Replies
Dec 20, 2010
I am using the MaskedEditExtender and MaskedEditValidator, but have experienced some strange
behaviour. (See code example below). When entering a date into the textbox this is what I see:
1. The mask
2. Entering the date and time e.g. "19-01-1980 10:11:12"
3. When removing focus from the textbox the result is: "19-01-1980 19:01:19"
The six first digits of the date is copied as the time? If entering a day of the month larger than 23 and any given month, year and time (eg. 25-10-1980 12:12:12) the validation fails as the six first digits are copied to the time resulting in a time 25:10:19 which obviously is not valid.
I have downloaded the AJAX toolkit sample code and experience the exact same behaviour. When running the AJAX Toolkit samples from[URL] works fine!
Additinal info: Culture is danish (DateTime format is dd-MM-yyyy hh:mm:ss). Tried changing my systems culture to en-US but same behaviour.
Code:
[Code]....
View 5 Replies
Oct 13, 2010
have a C#/ASP.NET web application that contains DetailsView controls that are used for CRUD operations through the EntityDataSource and Entity Framework. Unfortunately I'm not sure which forum would be best to post this under, since I am wondering whether either the MaskedEdit AJAX controls or Entity Data Model could be configured to allow for this.ProblemThe Entity Framework requires time fields to be of time(7) data type, which must be entered as 24-hour time, with seconds (e.g. '09:30:00'). However, I want the time entered in 12-hour time and without seconds (e.g. '9:30 AM'). Is there a way I can configure the MaskedEditExtender and/or MaskedEditValidator to allow for this. What I was thinking is possibly using the AutoComplete portion of this control to fill in the remaining portions (i.e. seconds) that the user does not enter, but which the EF requires. Either that or can the Entity Data Model or something else be configured to allow for this?Existing Code
<asp:TemplateField HeaderText="Start Time" SortExpression="StartTime">
<EditItemTemplate>
<asp:TextBox ID="txtStartTimeEdit" runat="server" Text='<%# Bind("StartTime") %
[code]...
View 3 Replies
May 13, 2010
I'm trying to disable a MaskedEditValidator control through JavaScript.
The following approach works for other types of validors (RequiredFieldValidator) but doesn't seem to work for the MaskedEditValidator
[Code]....
View 2 Replies
Feb 16, 2011
I have 2 scenarios here for using the MaskedEditValidator for a date field. I'll start with the easier one first.
1) I have a date field. I want to set the MaskedEditValidator's minimum value property to TODAY's date. So for example, if the user enter's a date earlier than today, the AJAX control will show a message stating "you can't input a date earlier than today".
2) I have 2 date fields - 1st one is 'start date' and 2nd one is 'end date'. I want to set the MaskedEditValidator for the end date so that the minimum value property is the date from the 'start date' field. So this way, the user can't enter a date in the 'end date' field that is earlier than what is in the 'start date' field.
Are these 2 scenarios possible? Or should I try another option (Javascript, Jquery, etc...)?
View 1 Replies
Feb 6, 2010
I have text box to enter a phone number. I'm using AJAX MaskedEditExtender and MaskedEditValidator to validate the phone.I have no problem with mask but the problem nothing happen when I enter for example only 3 number then lose the focus but as soon the focus on I will see the error message and it will disappear as soon as I write one number.
all what I want to get the error message if the user did not enter 9 numbers after lose the focus.
here is my code: <asp:TextBox ID="txtHomePhone" runat="server" ontextchanged="txtHomePhone_TextChanged"></asp:TextBox>
<cc1:MaskedEditExtender ID="txtHomePhone_MEExt" runat="server" TargetControlID = "txtHomePhone" Mask = "(999)999-9999" MaskType ="Number" AutoComplete="False"
[code]....
View 4 Replies
Sep 7, 2010
I have the following tabpanel (it actually contains a bit more content, but that content doesnt influence my issue):
[code]....
When I remote the MaskedEditExtender and MaskedEditValidator, it doesnt show that (undesired) behaviour anymore.Is there something special these controls do that cause them to refresh? Is there a workaround for this?
View 1 Replies
Nov 23, 2010
[Code]....
View 6 Replies
Jul 8, 2010
Something "weird" is happening with my ASP.NET application. I have a MasterPage with WebForms, and inside one of them, I have an ASP TextBox which is controlled by the MaskedEditExtender/MaskedEditValidator couple. Underneath, I have a GridView with 2 columns, an Edit ASP Command Field, an ItemTemplate which contains an ASP ImageButton with a Delete CommandName linked to a GridViewDelete Event through the OnRowDeleting attribute. The GridView is binded with SQL Server data while the page is loading.
It appears that once the page is loaded, if I want to delete a row by clicking on the ASP ImageButton, nothing appears. I have first to do something else with the GridView (raise an Edit Event for example), then it's accessible. I try different stuff to catch the source of the problem, and the "weird" part appeared when I deleted the MaskedEditValidator, just keeping the MaskedEditExtender : the Delete ASP ImageButton worked since the page loads!
View 2 Replies
Feb 19, 2010
So basically when i open the page i get the error above.
I've removed-added the toolkit toolbox.The error occurs p.e. in MaskedEditvalidator when i remove the mask from
MaskedEditExtender.Ok i know that it probably needs a mask and it crashes but what the hell is the
C:UsersswaltherProjectsAspNetAjaxReleases30930AjaxControlToolkitSourceAjaxControlToolkitMaskedEditMaskedEditCommon.cs ?? I don't even use c: for any project.Who is swalther?WTH?
And is there a MaskedEditCommon.cs in the toolkit?I did not find any MaskedEditCommon.cs in whatever, version library or whatever i downloaded.
Error:[ArgumentOutOfRangeException: StartIndex cannot be less than zero. Parameter name: startIndex] System.String.InternalSubStringWithChecks(Int32 startIndex, Int32 length, Boolean fAlwaysCopy) +7490863 System.String.Substring(Int32 startIndex, Int32 length)
View 1 Replies
Feb 12, 2011
I am facing a problem in FileUpload controls that is available inside update panel along with CalendarExtender.
Now When I click on submit button after browse a file it is returning null fileobject value in codebehind page.
[Code]....
I dont know what is the reason behind of this problem, can you let me know what is the cause and probable solution for this.
View 2 Replies
Feb 14, 2011
i write following code for accordion panel but its not open on page .....
<asp:Accordion ID="Accordion1" runat="server"
BorderColor="Black" RequireOpenedPane ="false" SelectedIndex ="-1"
HeaderCssClass="acco_header"
style="margin-left: 151px; top: 387px; left: 47px; position: absolute; height: 175px; margin-top: 0px;"
Width="322px" >
<Panes>
<asp:AccordionPane ID="AccordionPane1" runat="server" HeaderCssClass ="acco_header" ContentCssClass="acco_content" Width="100" Height="28" BorderColor="Black">
<Header>
Forgot Password
</Header>
<Content>
<h4>E-mail:</h4><asp:TextBox ID="text1" runat ="server" Width="150" Height="25"></asp:TextBox><br /><br />
<asp:Button ID="Button3" runat ="server" Text ="Submit" OnClick = "Button3_Click" BackColor="#FFDB70"/>
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
View 1 Replies
May 19, 2010
I have a problem doing a partial page post back with an update panel within a tab container.
I am adding the control programmatically as follows
[Code]....
The controls are added to the tab container but the button now causes a full page postback. The button_click event is no longer called. Is there something I am missing here.
View 4 Replies
May 28, 2010
I have one asp.net content page and calling .js file in that content page <asp:ImageButton> onclient click event. but it is not all calling .js file
View 3 Replies
Jan 4, 2010
Environment used : asp.net 2008 webapplication with c#
problem : here is my code :
default.aspx
<form id="form1" runat="server">
<iframe id ="captchaframe" src="test.aspx"></iframe>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button id="Button1" runat="server" Text="refresh" onclick="Button1_Click"></asp:Button>
</ContentTemplate>
</asp:UpdatePanel>
</form>
default.aspx.cs
protected void Button1_Click(object sender, ImageClickEventArgs e)
{
Session["CaptchaImageText"] = GenerateRandomCode();
StringBuilder sb = new StringBuilder();
sb.AppendLine("$(document).ready(function() {");
sb.AppendLine(@"document.frames['captchaframe'].location.reload(true);");
sb.AppendLine(" });");
ScriptManager requestSM = ScriptManager.GetCurrent(this);
if (requestSM != null && requestSM.IsInAsyncPostBack)
{
ScriptManager.RegisterClientScriptBlock(this,
typeof(Page),
Guid.NewGuid().ToString(),
sb.ToString(),
true);
}
else
{
ClientScript.RegisterClientScriptBlock(typeof(Page),
Guid.NewGuid().ToString(),
sb.ToString(),
true);
}
}
I want to just refresh the iframe on button click without whole page postback.so i have used update panel for removing postback and easily refresh iframe .I works in IE, but not working in firefox.
View 1 Replies
Jun 4, 2010
I am having a problem with partial postback through update panel, Update panel is not working properly in my asp.net app with IE8. But app works fine if i switch to compatibility mode of IE8.
View 5 Replies