【问题标题】:Bind Image to CardViewBinaryImageColumn将图像绑定到 CardViewBinaryImageColumn
【发布时间】:2021-11-02 09:36:12
【问题描述】:

我有一个简单的 CardView:

  <dx:ASPxCardView ID="CardViewProfile" runat="server" KeyFieldName="Id" AutoGenerateColumns="false">
        <Columns>
            <dx:CardViewBinaryImageColumn FieldName="Photo">
                <PropertiesBinaryImage ImageHeight="175px">
                    <EditingSettings Enabled="true" UploadSettings-UploadValidationSettings-MaxFileSize="4194304" />
                </PropertiesBinaryImage>
            </dx:CardViewBinaryImageColumn>
            <dx:CardViewMemoColumn FieldName="Id" Caption="Codice Utente" ReadOnly="true"/>
            <dx:CardViewTextColumn FieldName="Name"/>
            <dx:CardViewTextColumn FieldName="Surname"/>

        </Columns>
        <CardLayoutProperties ColCount="3">
            <Items>
                <dx:CardViewColumnLayoutItem ColumnName="Photo" ShowCaption="False" ColSpan="1" RowSpan="4"/>
                <dx:CardViewColumnLayoutItem ColumnName="Id" />
                <dx:CardViewColumnLayoutItem ColumnName="Name" />
                <dx:CardViewColumnLayoutItem ColumnName="Surname" />
            </Items>
        </CardLayoutProperties>
    </dx:ASPxCardView>

我这样绑定它:

User user = DBContext.getUserByID(user_id);
List<User> datasource = new List<User>();
datasource.Add(user);

CardViewProfile.DataSource = datasource;
CardViewProfile.DataBind();

对象User 包含:Id、Name、Surname 和一个包含表示服务器上图片路径的字符串的 Photo 字段。 如何将此图片绑定到 CardViewBinaryImageColumn?谢谢。

【问题讨论】:

  • 我不知道有问题的控件,但是图像控件没有某种 src 吗?您也可以只放入一个计划简图像控件,并将图像控件的 scr 设置为图片路径名称的表达式 - 它应该可以正常工作。

标签: c# asp.net aspxgridview aspx-user-control


【解决方案1】:

&lt;dx:CardViewBinaryImageColumn /&gt; 用于显示二进制数据中的图像。

如果您想使用 url 显示图像,请尝试将列替换为以下内容:

 <dx:CardViewImageColumn FieldName="Photo" Caption="Photo" />

Dev Express 有一个例子:Deve https://demos.devexpress.com/ASPxCardViewDemos/Adaptivity/AdaptiveLayout.aspx?device=tablet&rotate=0

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-03-12
    • 1970-01-01
    • 2016-10-03
    • 1970-01-01
    • 2010-10-13
    • 2019-01-02
    • 2015-02-15
    • 1970-01-01
    相关资源
    最近更新 更多