0

このコードは、通常のページ (Default.aspx など) 内で使用すると問題なく動作します。これを UserControl で使用したいと考えています。

これどうやってするの？

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

<!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>Check/Uncheck All CheckBoxes Using JQuery</title>

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

    <script type="text/javascript">
        $(document).ready(function() {
            $('#chkAll').click(
             function() {
                 $("INPUT[type='checkbox']").attr('checked', $('#chkAll').is(':checked'));
             });
         });    

     </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:CheckBox ID="chkAll" runat="server" Text="Check All" /><br />

        <asp:CheckBoxList ID="cbList" runat="server">
        </asp:CheckBoxList>

    </div>
    </form>
</body>
</html>
4

2 に答える 2

0

ASP.NET - JQueryなど、スクリプト対応の UserControls の作成には多くの複雑さがあります。

一般的に: スクリプトの名前付けコンテナーを安全にする必要があります。DOM ID による参照は、ASP.NET クライアント ID (@FarligOpptredn の回答) に対して行う必要があります。あるいは、CSS セレクターを使用する必要があります (作成している機能がインスタンスに固有のものでない限り)。

理想的には、すべてのクライアント スクリプトを JS ファイルで作成し、.xml を使用して分離コードから登録しScriptManagerます。これにより、スクリプトを再利用できるようになり、UserControl のインスタンス間の競合が回避されます。<%= ... %>JS ファイルではスクリプトレット ( ) を使用できないため、代わりにパラメーターを使用して UserControl DOM 内のオブジェクトを参照するか、CSS セレクターを使用します。thisまた、ハード リファレンスの代わりにイベントで使用します。例

myUserControl.js:

 $(document).ready(function() {
            $('.myUserControl > .chkAll').click(
             function() {
                 $("INPUT[type='checkbox']").attr('checked', $(this).is(':checked'));
             });
         });

myUserControl.ascx:

<div class="myUserControl">

    <asp:CheckBox ID="chkAll" class="chkAll" runat="server" Text="Check All" /><br />

    <asp:CheckBoxList ID="cbList" runat="server">
    </asp:CheckBoxList>

</div>

これにより、エスケープが多いインライン スクリプトと比較して、スクリプトが読みやすく、デバッグしやすくなります。

于 2011-03-07T12:35:45.857 に答える
0

チェックボックスは、ユーザー コントロールの ID が付加された、ユーザー コントロールに配置されたときに異なるクライアント ID を持ちます。jQuery を次のように変更してみてください。

$(document).ready(function() {
   $('#<%=chkAll.ClientID %>').click(
    function() {
        $("INPUT[type='checkbox']").attr('checked', $('#<%=chkAll.ClientID %>').is(':checked'));
    });
});
于 2011-03-07T12:25:45.457 に答える