2016-02-03 8 views
-1

我有項目,我對我所實現MaskEditExtender並設置掩碼的屬性值這樣如何使用javascript

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 

<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script> 
<title></title> 
<script> 
    $(document).ready(function() { 
     //$("#TextBox1").val('00.0000'); 
     debugger; 
     document.getElementById('TextBox1').value = "00.0000"; 
    }); 
    function CallMe() { 
     debugger; 
     if (document.getElementById('CheckBox1').checked) { 

      $find("MaskedEditExtender1").set_Mask("99.99"); 
      document.getElementById('TextBox1').value = "00.00"; 
     } else { 
      $find("MaskedEditExtender1").set_Mask("99.9999"); 
      document.getElementById('TextBox1').value = "00.0000" 
     } 
    } 
</script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:ToolkitScriptManager ID="ScriptManager1" runat="server" /> 
    <%--<asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager>--%> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <asp:CheckBox ID="CheckBox1" runat="server" onchange="javascript:CallMe()" /> 
     <asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server" 
     TargetControlID="TextBox1" BehaviorID="MaskedEditExtender1" Mask="99.9999" 
     MessageValidatorTip="true" MaskType="Number" InputDirection="LeftToRight" 
    AcceptNegative="None" ErrorTooltipEnabled="True" > 
    </asp:MaskedEditExtender> 
    </div> 
    </form> 
    </body> 
    </html> 

文本框來改變MaskEditExtender的屬性面具的價值我在$(document).ready函數中初始化了文本框值。而我的任務是更改複選框更改掩碼值。這個任務我已經完成了一個JavaScript函數「CallMe」。所有的代碼工作正常,但用戶點擊文本框時。文本框值從「00.00」變爲「00.0000」,即MaskEditExtender的Mask屬性的初始值。

請幫幫我!

回答

1
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 
     <%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit"  Assembly="AjaxControlToolkit" %> 
     <!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"> 

<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script> 
<title></title> 
<script> 
    $(document).ready(function() { 
     //$("#TextBox1").val('00.0000'); 
     debugger; 
     document.getElementById('TextBox1').value = "00.0000"; 
    }); 
    function CallMe() { 
     debugger; 
     if (document.getElementById('CheckBox1').checked) { 
      $find("MaskedEditExtender1")._MaskConv = "99.9"; 
      //$find("MaskedEditExtender1").set_Mask("99.9"); 
      //$find("MaskedEditExtender1")._convertMask(); 
      document.getElementById('TextBox1').value = "00.0"; 
      alert($find("MaskedEditExtender1").get_Mask()); 
     } 
     else { 
      $find("MaskedEditExtender1")._MaskConv = "99.9999"; 
      //$find("MaskedEditExtender1").set_Mask("99.9999"); 
      //$find("MaskedEditExtender1")._convertMask(); 
      document.getElementById('TextBox1').value = "00.0000" 
      alert($find("MaskedEditExtender1").get_Mask()); 
     } 
    } 

    function txtBox1_ClientClicked() { 
     //   alert($find("MaskedEditExtender1").get_Mask()); 
     //   $find("MaskedEditExtender1").set_Mask("99.9"); 
     //   document.getElementById('TextBox1').value = "00.0"; 
     alert($find("MaskedEditExtender1").get_Mask()); 
    } 
    </script> 
    </head> 
    <body style="height: 137px"> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:ToolkitScriptManager ID="ScriptManager1" runat="server" /> 
    <%--<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager>--%> 
    <asp:TextBox ID="TextBox1" runat="server" onclick="txtBox1_ClientClicked()"></asp:TextBox> 
    <asp:CheckBox ID="CheckBox1" runat="server" onchange="javascript:CallMe()" /> 
<asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server" 
    TargetControlID="TextBox1" Mask="99.9999" 
    MessageValidatorTip="true" MaskType="Number" InputDirection="LeftToRight" 
    AcceptNegative="None" ErrorTooltipEnabled="True" > 
</asp:MaskedEditExtender> 
</div> 
</form> 
    </body> 
</html> 

對於使用javascritp我們可以使用_MaskConv或.set_Mask(「新價值」),並與_convertMask功能相結合不斷變化的屏蔽值。