20

asp.netでは、カスタム属性を使用する場合、通常はそのままレンダリングされます。

このマークアップを考慮して（注：id、nameなどの属性forは、生成されたID /名前が冗長であるため、すべての例で削除されました）：

<asp:TextBox runat="server" data-foo="bar" />

asp.netで次のようにレンダリングされます：

<input type="text" data-foo="bar" />

つまり、asp.netは変更data-fooされません。

チェックボックスは通常、次のようにレンダリングされます。

<asp:CheckBox runat="server" Text="Normal" />

次のようにレンダリングします：

<input type="checkbox" />
<label>Normal</label>

ただし、チェックボックスにカスタム属性を追加する場合：

<asp:CheckBox runat="server" Text="Custom attribute" data-foo="bar"  />

次のようにレンダリングされます。

<span data-foo="bar">
    <input type="checkbox" />
    <label>Custom attribute</label>
</span>

ご覧のとおり、属性を保持するためにレンダリングされたスパン。これは、コードビハインドで属性を追加した場合にも発生します。これは、他のHtmlControl、AFAIKでは発生しません。

このスパンが属性を保持するためにレンダリングされる理由を誰かが知っていますか？

inputタグの属性をレンダリングする方法はありますか？

4

4 に答える 4

22

スパンでレンダリングされる理由はわかりませんが、コード内inputの要素に属性を直接追加できると思います-次のようになります：CheckBox 

myCheckBox.InputAttributes.Add(...)

参照リンク：

アップデート

追加の親要素が使用されるため、に適用する属性はとテキストCheckBoxの両方に影響を与える可能性がありinputます。インライン要素であり、さまざまなシナリオでの使用がより便利になるため、 span（ではなくdiv）だと思います。

参照リンク：

于 2012-05-22T17:18:24.860 に答える
4

これは、レンダリングエンジンがCheckBoxコントロールを構築する方法であり、それについて行うことはあまりありません。

あなたができることは、runat="server"入力を作成することです。

<input id="myInput" runat="server" type="checkbox" data-foo="bar"/>
<label>Custom attribute</label>

別のオプションは、data-fooドキュメントの読み込み時にjqueryを使用して属性を追加することです

$(function(){
    $('span[data-foo]').each(function(){
        var $span = $(this);
        var value = $span.data('foo');
        $span.find('input').data('foo',value);        
    });
})
于 2012-05-22T17:14:50.560 に答える
1

他のすべてが失敗したときに使用する別のメソッドを追加するだけで、いつでもリテラルコントロールを使用して、必要なものをレンダリングすることができます。ポストバックを処理するときはもう少し作業を行う必要がありますが、必要なhtmlを取得する唯一の方法である場合もあります。

マークアップ：

<asp:Literal ID="myLiteral" runat="server"/>

コードの横：

myLiteral.Text = string.Format("<input type=\"checkbox\" data-foo=\"{0}\" /><label>Normal</label>", value)
于 2013-03-28T15:50:06.433 に答える
0

クリックイベントでその属性にアクセスしようとしている場合は、コントロールをキャストすることでアクセスできます。たとえば、チェックボックスがあり、あなたが行ったようにカスタム属性を割り当てます

<asp:CheckBox runat="server" data-foo="bar" />

次に、OnCheckedChangedその値を取得する必要があり、メソッドでsenderオブジェクトを取得しました。

protected void chk1_CheckedChanged(object sender, EventArgs e)
{
    CheckBox myControl = (CheckBox)sender;
    string value = myControl.Attributes["data-foo"].ToString();

}

これが誰かを助けることを願っています

于 2019-02-21T18:53:27.460 に答える