Welcome Guest Search | Active Topics | Sign In | Register

JQuery function inside Dialog control problem Options
Camarate
Posted: Tuesday, September 20, 2016 5:19:49 PM
Rank: Advanced Member
Groups: Member

Joined: 9/2/2010
Posts: 120
Hi,

I need to edit the thousand separators in a TextBox when typing. For this, I am using a jQuery function called Auto Numeric found in https://plugins.jquery.com/autoNumeric/. The TextBox is within a EO Dialog control, but don't work.

To illustrate the problem, see the page below:

Quote:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Jquery._Default" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Auto Numeric Test</title>
<script src="jquery-1.11.0.min.js" type="text/javascript" ></script>
<script src="jquery-autoNumeric-1.9.18.js" type="text/javascript" ></script>
<script language="JavaScript1.2">
jQuery(function ($) {
$("#txtMaterialQtyOutside").autoNumeric("init", { aSep: ',', aDec: '.', mDec: 0 });
$("#txtMaterialQtyInside").autoNumeric("init", { aSep: ',', aDec: '.', mDec: 0 });
});
</script>

<script language="javascript">

function OpenDialog()
{
eo_GetObject('dlgTest').show(true);
return false;
}
</script>
</head>
<body bottommargin="20" leftmargin="20" rightmargin="20" topmargin="20">
<form id="form1" runat="server">
<div style="font-weight: bold; font-size: 16pt; font-family: Verdana">
AutoNumeric JQuery Test<br />
<br />
<br />
<asp:Label ID="lblMaterialQtyOutside" runat="server" Font-Bold="True" Text="Material Qty:" Style="text-align: right" Font-Names="Verdana" Font-Size="10pt"></asp:Label>&nbsp;
<asp:TextBox ID="txtMaterialQtyOutside" runat="server" Font-Names="Verdana" Font-Size="10pt" Style="text-align: right"></asp:TextBox>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;
<asp:Button ID="cmdOpenDialog" runat="server" Font-Bold="True" OnClientClick="return OpenDialog();"
Text="Open Dialog" Font-Names="Verdana" Font-Size="10pt" /><br />
<br />
<br />
<br />
<eo:Dialog ID="dlgTest" runat="server" BackColor="White" CloseButtonUrl="00020312"
ControlSkinID="None" HeaderHtml="Dialog Title" Height="216px" Width="440px">
<HeaderStyleActive CssText="background-image:url('00020311');color:black;font-family:'trebuchet ms';font-size:10pt;font-weight:bold;padding-bottom:5px;padding-left:8px;padding-right:3px;padding-top:0px;height:18px;"></HeaderStyleActive>

<BorderImages TopLeftCorner="00020301" TopLeftCornerBottom="00020302" TopBorder="00020310" TopRightCorner="00020309" TopRightCornerBottom="00020308" RightBorder="00020307" BottomRightCorner="00020306" BottomBorder="00020305" BottomLeftCorner="00020304" LeftBorder="00020303"></BorderImages>

<FooterStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma"></FooterStyleActive>
<ContentTemplate>
<DIV style="PADDING-LEFT: 20px; WIDTH: 100%; PADDING-TOP: 20px; HEIGHT: 120px"><asp:Label style="TEXT-ALIGN: right" id="lblMaterialQtyInside" runat="server" Text="Material Qty:" Font-Bold="True" Font-Names="Verdana" Font-Size="10pt"></asp:Label>&nbsp; <asp:TextBox id="txtMaterialQtyInside" runat="server" Font-Names="Verdana" Font-Size="10pt" Style="text-align: right"></asp:TextBox></DIV>
</ContentTemplate>

<ContentStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma"></ContentStyleActive>
</eo:Dialog>
</div>
</form>
</body>
</html>


The thousand separators are edited when the TextBox is out of Dialog control (green outline). But they do not appear when the TextBox is within the Dialog control (red outline), as shown below:



I use Visual Studio 2005 and 16.1.17.0 version of EO. How can I fix this problem?

Regards,

Marcelo Camarate
eo_support
Posted: Wednesday, September 21, 2016 8:49:20 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,080
Hi,

This is because "#txtMaterialQtyInside" is wrong. You need to use the control's full client ID in your JQuery selector.

Thanks!
Camarate
Posted: Thursday, September 22, 2016 1:58:05 PM
Rank: Advanced Member
Groups: Member

Joined: 9/2/2010
Posts: 120
Hi,

It is working well now. Thanks.

Regards,

Marcelo Camarate
eo_support
Posted: Thursday, September 22, 2016 2:04:22 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,080
Great! Please feel free to let us know if there is anything else.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.