Ajax 切换按钮扩展器图像不显示

Question

I'am using AjaxToggleButtonExtender

<asp:CheckBox ID="CheckBox1" runat="server" />
  <asp:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" TargetControlID="CheckBox1" UncheckedImageUrl="~/assets/img/icon-img-up.png" ImageHeight="10" ImageWidth="40" CheckedImageUrl="~/assets/img/icon-img-down.png">
  </asp:ToggleButtonExtender>

但是选中和未选中的图像不显示。我该如何解决这个问题？

Answer 1

当使用ImageHeight和ImageWidth调整图像大小时，不是调整了整个图像的大小，而是切换按钮扩展器根据您输入的大小仅查看了部分图像。

Answer 2

使用 ToggleButtonExtender 时，可能需要调整容器控件的大小以适应，否则图像可能不可见。

例如，包含复选框的<td>通常采用使复选框可见的大小，但 ToggleButtonExtender 使用客户端代码来呈现图像，并且可能不考虑包含元素的约束。我们遇到了同样的可见性问题，其中部分或全部图像丢失。

我们已经使用包含div 解决了它，设置为足够的大小以允许看到图像：

<td>
    <div style="width: 30px">
        <asp:CheckBox runat="server" ID="chkBooked" />
        <asp:ToggleButtonExtender ID="togbutBooked" 
            TargetControlID="chkBooked"
            UncheckedImageUrl="~/Images/toggle_off_small.png"
            CheckedImageUrl="~/Images/toggle_on_small.png">
        </asp:ToggleButtonExtender>
    </div>
</td>