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>
<asp:TextBox ID="txtMaterialQtyOutside" runat="server" Font-Names="Verdana" Font-Size="10pt" Style="text-align: right"></asp:TextBox>
<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> <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