Question

我的<asp:ComboBox>填充了<asp:CheckBoxes>。 Combobox宽200px。复选框也是200px宽。

只有点击“框”或复选框文字标签，我才能查看复选框。即使我点击该行的任何地方，我也希望能够检查该项目。

有没有办法将这个区域扩展到整行？

更新： enter image description here

在绿地上，一切都很好。但是当我点击红色区域时，未选中复选框，下拉列表会上升。

<telerik:RadComboBox runat="server" EnableTextSelection="false" 
                     ID="rcb_Something"
                     Width="200px"
                     HighlightTemplatedItems="true"
                     AllowCustomText="true"
                     Text="Select Something"
                     MaxHeight="250px">
                     <ItemTemplate>                                                               
                          <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server"
                                                  Width="24px" 
                                                  Height="24px" 
                                                  DataValue='<%# Eval("Something") %>' 
                                                  ResizeMode="Fit"  />    

                                                  <asp:CheckBox ID="CheckBox1"
                                                       runat="server"  
                                                       Text='<%# Eval("Something") %>' 
                                                       ToolTip='<%# Eval("SomethingId") %>'
                                                  />



                   </ItemTemplate>

Answer 1

按照书籍的说法 - 添加到HTML中的每个输入字段，带标签的标签。

<label for="male">Male</label> <input type="radio" name="sex" id="male" />

单击标签上的任意位置将激活此输入，输入类型=文本

也是如此

Answer 2

好的，我找到了解决方案。我刚用以下代码禁用了组合框背景。

的JavaScript

function StopPropagation（e）{ //取消冒泡 e.cancelBubble = true; if（e.stopPropagation）{ e.stopPropagation（）; } }

ASPX

 <div onclick="StopPropagation(event)">



<asp:CheckBox ID="CheckBox1"
              runat="server"  
              Text='<%# Eval("something") %>' 
              ToolTip='<%# Eval("somethingId") %>'
               />
</div>

CheckBox选择区域

2 个答案: