javascript是不是與asp.net內容頁面

-1

我有java腳本代碼來設置ajax控件的一些屬性。javascript是不是與asp.net內容頁面

代碼工作正常如果我把它放在asp.net頁面中，但是當我使用內容頁面和發佈代碼的部分代碼將無法正常工作，這正在改變ajax控件屬性的值。

我的頁面有文本框，複選框，MaskedEditExtender和MaskedEditValidator。當用戶選中該框時，mask屬性和其他一些屬性應該改變。

該代碼工作正常，但不是內容頁面。

這裏是asp.net頁面我的代碼：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 


    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
    <!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 id="Head1" runat="server"> 
     <title></title> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <div> 
      <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
       <ContentTemplate> 
    <asp:TextBox runat="server" ID="TextBox4" Width="200" /> 
        <cc1:MaskedEditExtender ID="MaskedEditExtender6" runat="server" Mask="999" 
         DisplayMoney="None" MaskType="number" TargetControlID="TextBox4" ClearMaskOnLostFocus="true" 
         InputDirection="RightToLeft" AutoComplete="False"> 
        </cc1:MaskedEditExtender> 
        <cc1:MaskedEditValidator ID="MaskedEditValidator6" runat="server" ControlExtender="MaskedEditExtender6" 
         ControlToValidate="TextBox4" InvalidValueMessage="Invalid data" IsValidEmpty="True" 
         TooltipMessage="Numbers Only"> 
        </cc1:MaskedEditValidator> 
        <asp:CheckBox ID="CheckBox1" runat="server" onclick="CheckChange(this)" AutoPostBack="false" /> 
    </ContentTemplate> 
      </asp:UpdatePanel> 

    <script type="text/javascript"> 
    function CheckChange(sender) { 
    if (sender.checked == true) { 
    $find("MaskedEditExtender6").set_Mask("??????"); 
    $find("MaskedEditExtender6")._convertMask(); 
    $find("MaskedEditExtender6").set_MaskType(AjaxControlToolkit.MaskedEditType.None); 
    MaskedEditValidator6.TooltipMessage = "Any character!" 
    } else { 
    $find("MaskedEditExtender6").set_Mask("999"); 
    $find("MaskedEditExtender6")._convertMask(); 
    $find("MaskedEditExtender6").set_MaskType(AjaxControlToolkit.MaskedEditType.Number); 
    MaskedEditValidator6.TooltipMessage = "Numbers Only"; 
    } 
    } 

    </script> 
    </div> 
    </form> 
    </body> 
    .</html>

............................. .......................... 以下是我在內容頁面的代碼.............. ........................................

<%@ Page Title="" Language="C#" MasterPageFile="~/Master.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 

    <script type="text/javascript"> 
function CheckChange(sender) { 
    if (sender.checked == true) { 
     alert("yes"); 
     $find("MaskedEditExtender6").set_Mask("??????"); 
     $find("MaskedEditExtender6")._convertMask(); 
     $find("MaskedEditExtender6").set_MaskType(AjaxControlToolkit.MaskedEditType.None); 
     MaskedEditValidator6.TooltipMessage = "Any character!" 
    } else { 
    alert("no"); 
     $find("MaskedEditExtender6").set_Mask("999"); 
     $find("MaskedEditExtender6")._convertMask(); 
     $find("MaskedEditExtender6").set_MaskType(AjaxControlToolkit.MaskedEditType.Number); 
     MaskedEditValidator6.TooltipMessage = "Numbers Only"; 
    } 
} 
</script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
       <ContentTemplate> 
    <asp:TextBox runat="server" ID="TextBox4" Width="200" /> 

        <cc1:MaskedEditExtender ID="MaskedEditExtender6" runat="server" Mask="999" 
         DisplayMoney="None" MaskType="number" TargetControlID="TextBox4" ClearMaskOnLostFocus="true" 
         InputDirection="RightToLeft" AutoComplete="False"> 
        </cc1:MaskedEditExtender> 
        <cc1:MaskedEditValidator ID="MaskedEditValidator6" runat="server" ControlExtender="MaskedEditExtender6" 
         ControlToValidate="TextBox4" InvalidValueMessage="Invalid data" IsValidEmpty="True" 
         TooltipMessage="Numbers Only"> 
        </cc1:MaskedEditValidator> 
        <asp:CheckBox ID="CheckBox1" runat="server" onclick="CheckChange(this)" AutoPostBack="false" /> 
    </ContentTemplate> 
      </asp:UpdatePanel> 

</asp:Content>

... ................................ 這是我的主頁代碼 ........... ..........................

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master" %> 

<!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 id="Head1" runat="server"> 
    <link href="Style.css" rel="stylesheet" type="text/css" /> 
    <title>I.M.A.M</title> 
    <asp:ContentPlaceHolder ID="head" runat="server"> 

     <script src="js/jquery-1.4.1.js" type="text/javascript"></script> 

     <script src="js/jquery.maskedinput-1.2.2.js" type="text/javascript"></script> 
    </asp:ContentPlaceHolder> 

    <style type="text/css"> 
     .style17 
     { 
      height: 43px; 
     } 
     .style18 
     { 
      width: 577px; 
      height: 43px; 
     } 
     .style19 
     { 
      height: 387px; 
     } 
     .style20 
     { 
      width: 577px; 
      height: 387px; 
     } 
    </style> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    </div> 
    <div> 

     <table class="style1" frame="vSides"> 
      <tr> 
       <td class="style17" bgcolor="#FFFF99"> 
       </td> 
       <td class="style18" style=""> 
        <img alt="" src="Images/banner1.gif" 
         style="width: 950px; height: 89px; margin-bottom: 0px;" /></td> 
       <td class="style17" bgcolor="#FFFF99"> 
       </td> 
      </tr> 
      <tr> 
       <td class="style15"> 
       </td> 
       <td class="style16" bgcolor="#FFFF99"> 
        <asp:Menu ID="Menu1" runat="server" Width="44px" Orientation="Horizontal" 
         DataSourceID="SiteMapDataSource1" BackColor="#FFFBD6" 
         DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
         ForeColor="#990000" StaticDisplayLevels="2" StaticSubMenuIndent="10px"> 
         <StaticMenuStyle BorderStyle="Dotted" /> 
         <StaticSelectedStyle BackColor="#FFCC66" /> 
         <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
         <DynamicHoverStyle BackColor="#990000" ForeColor="White" /> 
         <DynamicMenuStyle BackColor="#FFFBD6" /> 
         <DynamicItemTemplate> 
          <%# Eval("Text") %> 
         </DynamicItemTemplate> 
         <DynamicSelectedStyle BackColor="#FFCC66" /> 
         <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
         <StaticHoverStyle BackColor="#990000" ForeColor="White" /> 
         <StaticItemTemplate> 
         <%# Eval("Text") %> 
         </StaticItemTemplate> 
        </asp:Menu> 

       </td> 
       <td class="style15"> 
       </td> 
      </tr> 
      <tr> 
       <td class="style19" bgcolor="#FFFF99"> 
       </td> 
       <td class="style20"> 
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 

         <p style="height: 667px; width: 947px"> 
          &nbsp;</p> 

        </asp:ContentPlaceHolder> 
       </td> 
       <td class="style19" bgcolor="#FFFF99"> 
       </td> 
      </tr> 
      <tr> 
       <td class="style7"> 
       </td> 
       <td class="style8" style="" bgcolor="#FFFF99"> 
        Copyright&nbsp; Imam Mahdi Association of Marjeya</td> 
       <td class="style7"> 
       </td> 
      </tr> 
     </table> 

    </div> 
    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /> 
    </form> 
</body> 
</html>

來源

2010-03-04 Eyla

如果您在內容頁面中使用任何Extender，則$ find方法的參數應該訪問Extender的BehaviorID。

的BehaviorID屬性添加到MaskedEditExtender：

 <ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender6" BehaviorID="MaskedEditExtender6" runat="server" Mask="999" 
      DisplayMoney="None" MaskType="number" TargetControlID="TextBox4" ClearMaskOnLostFocus="true" 
      InputDirection="RightToLeft" AutoComplete="False"> 
     </ajaxToolkit:MaskedEditExtender>

來源

2010-03-05 03:26:25 Eyla

對於改變MAskEditExtender的掩碼值，就必須使用

$find('ID of element').set_Mask("new value of mask"); 
$find('ID of element')._convertMask();

或

$find('ID of element')._MaskConv = "new value for mask";

來源

2016-02-04 06:05:03

javascript是不是與asp.net內容頁面

回答

相關問題