アイテムのバインドと動的イベントの制御が非常に簡単になるため、ラジオ ボタンを使用しています。
私の問題は、ListItem.Text の左または右にある RadioButtonList ListItem の「円」を非表示にすることです。
各 ListItem.Text プロパティを HTML に設定します<img>.
RadioButtonList で、RadioButtonList リストの ListItem.Text プロパティだけを表示し、その横にラジオ ボタンの円を表示したくありません。いくつかの調査の後、ラジオボタンリスト全体を非表示にせずに、ラジオボタンの ListItem サークルを非表示にすることはできないと思います。
したがって、私の 2 番目のオプションは、CSS を介して RadioButtonList ListItem の「円」の上に ListItem.Text を配置することです。これが私がこれまでに試したことですが、私のCSSスキルが緩んでいるのではないかと心配しています:(
noPizzaMod.Text = "<img src=\"image.png \" />";
noPizzaMod.Attributes.CssStyle.Add("float", "left");
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em");
noPizzaMod.Attributes.CssStyle.Add("text-align", "center");
rdo_pizzamods.Items.Add(noPizzaMod);
結果: ラジオボタン ListItem Circle の左側にパディングを追加しました。
繰り返しますが、当面のタスクは、ListItem.Text (picture 要素) を RadioButtonList ListItem "circle" の上にフロートさせることです。
お時間をいただきありがとうございます！
PS：私が試したもう1つのことは、JQueryを使用してラジオボタンリストアイテムを表示することでしたが、もちろん、ラジオボタンリスト全体だけでなく、テキストも非表示にします:(
最後の手段として、チェックボックスを togglebuttonextender に切り替えることもできますが、これには表示メカニズムの再設計が含まれます。簡単な解決策があり、教祖の一人が私をそこに向けることができることを望んでいました!
編集：
コードビハインドで RadioButtonList を動的に追加する asp:Panel があるだけです。
<asp:Panel ID="pnl_pizzamods" runat="server"></asp:Panel>
そのようです
ListItem PizzaMod = new ListItem();
noPizzaMod.Text = "<img src=\"image.png \" />";
noPizzaMod.Attributes.CssStyle.Add("float", "left");
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em");
noPizzaMod.Attributes.CssStyle.Add("text-align", "center");
rdo_pizzamods.Items.Add(noPizzaMod);
pnl_pizzamods.Controls.Add(rdo_pizzamods);
また、RadioButtonList データ バインディングを簡単に制御できるように、バックグラウンドでカスタムの動的イベント ハンドラーやその他のモジョを追加します。ただし、視覚的なレイアウトには影響しないと確信しています! 繰り返しますが、助けてくれてありがとう！