ASP.NET主版頁面Master+JQuery但是TextBox無法運行問題

  • 5048
  • 0
  • 2015-05-10

摘要:ASP.NET主版頁面Master+JQuery但是TextBox無法運行問題

建置網頁會用主版頁面做架構

<%@ Page Language="C#"MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="IOEmpData.aspx.cs" Inherits="HRMS_IOEmpData" %>
 
<asp:Content ID="HeaderContent"  ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="stylesheet" href="../css/jquery-ui.min.css"/>
    <script type = "text/javascript" src="../js/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
    <script type = "text/javascript">
        $(document).ready(function () {
            $("#extBox1").datepicker({ dateFormat: 'yy/mm/dd' });
  </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
 
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 
</asp:Content>
 
這樣是無法運行的因為JQuery會認定ID但是因為有套上主版頁面控制項的ID可能已經不同了,
 
因此JQuery要改成"#<%=TextBox1.ClientID%>"
 
         $("#<%=TextBox1.ClientID%>").datepicker({ dateFormat: 'yy/mm/dd' });
 
用.CientID去回追控制項的ID