1

カスタムのクライアント側検証を持つユーザー コントロールを作成しました。RegisterStartupScript を介して Javascript を埋め込み、RegisterExpandoAttribute を介して検証に情報を渡します。ただし、PageLoad ではユーザー コントロールが表示されず、document.getElementById を使用すると null 値が返されます。

これが私の現在のコードです：

    public void Page_Load(object sender, EventArgs e) 
    { 
            ClientScriptManager cs = Page.ClientScript; 
            Type cstype = this.GetType(); 
            if (!cs.IsStartupScriptRegistered(cstype, "ValidatorType")) 
            { 
                String DateValidator; 
                DateValidator = "<script type=\"text/javascript\">\n"; 
                DateValidator += "function ValidateDate(source, args) {\n"; 
                DateValidator += "   var ddDay = document.getElementById(source.day);\n"; 
                DateValidator += "   var day = ddDay.selectedIndex;\n"; 
                DateValidator += "   var ddMonth = document.getElementById(source.month);\n"; 
                DateValidator += "   var month = ddMonth.selectedIndex;\n"; 
                DateValidator += "   var ddYear = document.getElementById(source.year);\n"; 
                DateValidator += "   var year = ddYear.selectedIndex;\n"; 
                DateValidator += "   if (day == 0 || month == 0 || year == 0)\n"; 
                DateValidator += "      args.IsValid = false;\n"; 
                DateValidator += "   else\n"; 
                DateValidator += "      args.IsValid = true;\n"; 
                DateValidator += "   }\n"; 
                DateValidator += "</script>"; 
                cs.RegisterStartupScript(cstype, "ValidatorType", DateValidator); 
            } 

            cs.RegisterExpandoAttribute(reqDueDate.ClientID, "month", ddMonth.ClientID); 
            cs.RegisterExpandoAttribute(reqDueDate.ClientID, "day", ddDay.ClientID, false); 
            cs.RegisterExpandoAttribute(reqDueDate.ClientID, "year", ddYear.ClientID, false); 
    }

私が受け取るエラーは次のとおりです。

Uncaught TypeError: Cannot set property 'month' of null 
Uncaught TypeError: Cannot read property 'selectedIndex' of null
4

2 に答える 2

1

サーバー側で表示されないコントロールは、サーバーによって生成されたクライアントの html には含まれません。したがって、null にする必要があります。JavaScript を使用して非表示にし、必要に応じて JavaScript を使用して再度表示します。

スクリプトは、コントロールでのレンダリング後に実行する必要があります。

クライアントでサーバー コントロールを非表示にする

document.getElementById('<%= pnlMail.ClientID %>').style.display = 'none';

クライアントで HTML コントロールを非表示にする

document.getElementById('htmlControlID').style.display = 'none';
于 2012-07-03T16:19:58.510 に答える
0

より「サーバー側」のアプローチは、サーバーに値を設定することです。そうすれば、JavaScript に依存しなくなります。ASCX:

    <asp:TextBox runat="server" ID="uxToHide" />

分離コード:

    protected void Page_Load(object sender, EventArgs e)
    {
        uxToHide.Style.Add("display", "none");
    }

PlaceHolders を使用すると少し複雑になりますが、それほど悪くはありません。ASCX:

    <asp:PlaceHolder ID="uxToHide" runat="server" />

分離コード:

    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox tb = new TextBox();
        tb.Style["display"] = "none";
        uxToHide.Controls.Add(tb);

        ShowChildren(uxToHide);
    }

    public static void HideChildren(Control container)
    {
        if (container == null || container.Controls == null || container.Controls.Count == 0)
        {
            return;
        }
        foreach (Control c in container.Controls)
        {
            if (c is WebControl)
            {
                ((WebControl)c).Style["display"] = "none";
            }
            HideChildren(c);
        }
    }

    public static void ShowChildren(Control container)
    {
        if (container == null || container.Controls == null || container.Controls.Count == 0)
        {
            return;
        }
        foreach (Control c in container.Controls)
        {
            if (c is WebControl)
            {
                WebControl wc = (WebControl)c;
                if (wc.Style["display"] == "none")
                {
                    wc.Style.Remove("display");
                }
            }
            ShowChildren(c);
        }
    }
于 2012-07-03T17:24:11.417 に答える