正文 

当前位置： 首页 > 源码 >

ASP.NET WebForms：Repeater 控件中的图像尺寸模式

     2023-03-06     15

关键词：

【中文标题】ASP.NET WebForms：Repeater 控件中的图像尺寸模式【英文标题】：ASP.NET WebForms: Image Sizemode in Repeater Control 【发布时间】：2020-10-13 14:18:52 【问题描述】：

是否可以在转发器控件元素中显示具有非方形纵横比的图片？ 我从带有路径作为字符串的数据表中加载图像。 但所有图片都被拉伸到 450px x 450px。

代码：

    <div style="width: 500px; height: 500px; overflow: auto;">
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" Font-Names="Arial">
            <Columns>
                <asp:TemplateField HeaderText="IMS-Bilder">
                    <ItemTemplate>
                        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# Eval("Bild-Pfad")%>'
                            Width="450px" Height="450px" Style="cursor: pointer" ImageAlign="Middle" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>

我想念 WinForms 的 SizeMode 属性：/ 也许有人对我有提示:)

【问题讨论】：

你的预期输出是什么？ 您可以在转发器中放置您想要的任何标记。 最好是方形图片框，其中不同纵横比的图片居中显示。例如灰色背景，@SelimYıldız 【参考方案1】：

在网络表单中，您可能希望使用 CSS 处理图像显示。如您所见，宽度和高度属性只会强制一个特定值。还有一个名为 ImageAlign 的属性，但我不确定它对您有多大帮助。否则它几乎取决于 CSS。

【讨论】：

【参考方案2】：

CSS 是正确的关键字 :) 我能够用自己的 css 类解决问题：

        .myImage 
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 75%;
            height: 75%;
            cursor: pointer;

并删除图像/图像按钮的（强制）高度和宽度：

    <div style="width: 1000px; height: 1000px; overflow: auto;">
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" Font-Names="Arial">
            <Columns>
                <asp:TemplateField HeaderText="IMS-Bilder">
                    <ItemTemplate>
                        <asp:Image CssClass="myImage" ID="Image1" runat="server" ImageUrl='<%# Eval("Bild-Pfad")%>' />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>

加载图片的最终外观： 谢谢你，@erastl :)

【讨论】：

从 ASP.NET WebForms 迁移到 ASP.NET MVC 的建议？

】从ASP.NETWebForms迁移到ASP.NETMVC的建议？【英文标题】：SuggestionsforMigratingfromASP.NETWebFormstoASP.NETMVC?【发布时间】：2010-09-0600:51:38【问题描述】：ASP.NETMVC在这个论坛上已经discussed好几次了。我即将对几个网站从经典的ASP/ASP.NETWebForm... 查看详情

将 ASP.Net MVC 与 WebForms 相结合

】将ASP.NetMVC与WebForms相结合【英文标题】：CombineASP.NetMVCwithWebForms【发布时间】：2011-01-1306:56:44【问题描述】：是否可以创建一个MVC根应用程序（带有母版页和主题的门户）并添加几个基于WebForms的子项目（我们已经有一个想要... 查看详情

ASP.NET MVC 与 WebForms：速度和架构比较 [关闭]

】ASP.NETMVC与WebForms：速度和架构比较[关闭]【英文标题】：ASP.NETMVCvsWebForms:speedandarchitecturecomparison[closed]【发布时间】：2010-11-0508:36:22【问题描述】：我和我的一个朋友发生了争执，他是一家相当大的互联网公司的架构师。基本... 查看详情

与 ASP.NET WebForms 相比，ASP.NET MVC 页面的“页面生命周期”是啥？

】与ASP.NETWebForms相比，ASP.NETMVC页面的“页面生命周期”是啥？【英文标题】：Whatisthe\'pagelifecycle\'ofanASP.NETMVCpage,comparedtoASP.NETWebForms?与ASP.NETWebForms相比，ASP.NETMVC页面的“页面生命周期”是什么？【发布时间】：2009-01-2004:38:47【... 查看详情

ASP.NET WebForms FriendlyUrlSegments 不包含采用 0 个参数的构造函数

】ASP.NETWebFormsFriendlyUrlSegments不包含采用0个参数的构造函数【英文标题】：ASP.NETWebFormsFriendlyUrlSegmentsdoesnotcontainaconstructorthattakes0arguments【发布时间】：2013-03-1014:18:45【问题描述】：我在ASP.NET4.5WebForms中使用FriendlyUrls做一个简单的... 查看详情

关闭一个子目录的 ASP.Net WebForms 身份验证

】关闭一个子目录的ASP.NetWebForms身份验证【英文标题】：TurningoffASP.NetWebFormsauthenticationforonesub-directory【发布时间】：2011-06-0417:31:20【问题描述】：我有一个包含WebForms和MVC页面的大型企业应用程序。它具有我不想更改的现有身份... 查看详情

如何允许 ASP.NET WebForms 端点的 CORS？

】如何允许ASP.NETWebForms端点的CORS？【英文标题】：HowtoallowCORSforASP.NETWebFormsendpoint?【发布时间】：2016-06-0805:56:53【问题描述】：我正在尝试将一些[WebMethod]带注释的端点函数添加到Webforms样式的Web应用程序（.aspx和.asmx）。我想用[... 查看详情

如何在 asp.net webforms 中使用 HttpClient

】如何在asp.netwebforms中使用HttpClient【英文标题】：HowtouseHttpClientinasp.netwebforms【发布时间】：2020-09-2416:29:54【问题描述】：我花了很多时间研究，但还没有找到可靠的答案，所以我想提出一个全新的问题。在基于ASP.NET网络表单... 查看详情

.NET SqlClient 在 ASP.NET WebForms 应用程序中的后台线程登录失败

】.NETSqlClient在ASP.NETWebForms应用程序中的后台线程登录失败【英文标题】：.NETSqlClientloginfailurefrombackgroundthreadinASP.NETWebFormsapplication【发布时间】：2016-03-2921:56:34【问题描述】：ASP.NET4.51、WebForms、VS2013我正在使用Quartz.NET进行一些... 查看详情

asp.net webforms ajax 更新gridview

】asp.netwebformsajax更新gridview【英文标题】：asp.netwebformsajaxupdategridview【发布时间】：2011-10-0500:31:47【问题描述】：我们有一个包含大量信息（100个或行和列）的网格视图，我们需要提高其性能。目前为了解决一些性能问题，我们... 查看详情

在 ASP.NET 4.5 WebForms 中通过 bundle.config 与 BundleConfig.cs 捆绑资源

】在ASP.NET4.5WebForms中通过bundle.config与BundleConfig.cs捆绑资源【英文标题】：Bundlingresourcesviabundle.configvsBundleConfig.csinASP.NET4.5WebForms【发布时间】：2012-11-2311:58:03【问题描述】：关于ASP.NET4.5的新System.Web.Optimization/Microsoft.AspNet. 查看详情

正确使用 asp.net webforms 生命周期

】正确使用asp.netwebforms生命周期【英文标题】：Properuseofasp.netwebformslifecycle【发布时间】：2012-06-1613:46:02【问题描述】：这确实是一个更笼统的问题，但我能想到的唯一方法是举一个具体的例子。我们目前有一个带有SPGridView的网... 查看详情

如何将 Perl 与 ASP.NET Webforms 集成？

】如何将Perl与ASP.NETWebforms集成？【英文标题】：HowcanIintegratePerlwithASP.NETWebforms?【发布时间】：2008-12-0118:39:12【问题描述】：我想将一些现有的Perl代码与ASP.NET集成。我看到很多从.NET访问Perl的示例，但反之则没有。有没有人尝试... 查看详情

asp.net webforms中的w3引导轮播

】asp.netwebforms中的w3引导轮播【英文标题】：w3bootstrapcarouselinasp.netwebforms【发布时间】：2021-06-0603:17:36【问题描述】：我正在尝试在ASP.NETWeb窗体中实现BootstrapCarousel，但bootstrapcarousel无法在现场工作。仅显示没有轮播滑块的图像... 查看详情

ASP.NET WebForms：Request.GetFriendlyUrlFileVirtualPath() 返回空字符串

】ASP.NETWebForms：Request.GetFriendlyUrlFileVirtualPath()返回空字符串【英文标题】：ASP.NETWebForms:Request.GetFriendlyUrlFileVirtualPath()returnsemptystring【发布时间】：2013-09-0523:00:00【问题描述】：我有一个只有几页的简单ASP.NETWebForms项目，我想使... 查看详情

如何在 ASP.NET WebForms 中触发模式窗口？

】如何在ASP.NETWebForms中触发模式窗口？【英文标题】：HowtotriggeramodalwindowinASP.NETWebForms?【发布时间】：2014-11-2805:55:13【问题描述】：如何在ASP.NETWebForms应用程序中显示模式窗口？我需要显示一个带有2个按钮（确定/取消）的模式... 查看详情

在 asp net 框架（webforms）中使用 microsoft api 登录

】在aspnet框架（webforms）中使用microsoftapi登录【英文标题】：loginwithmicrosoftapiinaspnetframework(webforms)【发布时间】：2021-12-2006:49:42【问题描述】：我搜索了很多，但不幸的是我没有找到适合我的案例的正确答案。我需要在我的webform... 查看详情

如何在 ASP.NET Webforms 中动态设置 HtmlTableCell 的值？

】如何在ASP.NETWebforms中动态设置HtmlTableCell的值？【英文标题】：HowtosetvalueofHtmlTableCelldynamicallyinASP.NETWebforms?【发布时间】：2021-12-1821:25:03【问题描述】：我有一个aspx文件，它的一小部分代码是<tableclass="tabletable-responsive-smtable-... 查看详情