Question

好的，有一段时间，但我真的很难过这个。我想从后面的代码更改ASPxButton的图像源（稍后我将添加条件）。 ImageUrl属性更新但高度，宽度和bordertyle丢失（图像显示在它自己的高度和宽度，带有粗黑边框）。

<dx:GridViewDataTextColumn FieldName="SyncStatus" VisibleIndex="0" Caption=" " Width="22px">
    <DataItemTemplate>
       <dx:ASPxButton runat="server" Image-Url="~/Images/Wizard/Wand24x24.png" Height="20px" Width="20px" 
        Border-BorderStyle="None" id="btnWiz" OnInit="btnWiz_Init"></dx:ASPxButton>
    </DataItemTemplate>
 </dx:GridViewDataTextColumn>


    Protected Sub btnWiz_Init(sender As Object, e As EventArgs)

    Dim btnWiz As ASPxButton = TryCast(sender, ASPxButton)
    Dim container As GridViewDataItemTemplateContainer = TryCast(btnWiz.NamingContainer, GridViewDataItemTemplateContainer)

    btnWiz.ImageUrl = "~/Images/NewNote.png"
    btnWiz.Border.BorderStyle = BorderStyle.None
    btnWiz.Border.BorderWidth = Unit.Pixel(0)
    btnWiz.Height = Unit.Pixel(20)
    btnWiz.Width = Unit.Pixel(20)

End Sub

我尝试将其添加为解决方案

 .dxbButton
   {
     border-style: none;
     height: 20px;
     width: 20px;
    }

但元素检查显示忽略了这一点。请告知ypu能够并提前感谢您。

Answer 1

由于您的内联样式

，您的css样式会被忽略

高度=“20px”宽度=“20px”Border-BorderStyle =“无”

正在生成内联样式，这是你最终得到的：

<div style="border-style:None; height:20px; width:20px; -moz-user-select:none;" ...

这会覆盖你的CSS

Answer 2

显然这是一个小的语法调整（我怀疑）。正确的语法是

    btnWiz.Image.Height = 20
    btnWiz.Image.Width = 20

当然，我确信这完全记录在某处。它还处理了边界问题。

DevExpress ASPxButton不更新所有属性

2 个答案: