Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >如何动态设计ASP.net Listview LayoutTemplate的样式?

如何动态设计ASP.net Listview LayoutTemplate的样式?
EN

Stack Overflow用户
提问于 2011-12-16 19:40:31
回答 2查看 3.4K关注 0票数 2

我希望能够将用户选择的颜色和字体大小应用于我的Listview的LayoutTemplate中的控件,但不能使用代码块来调整样式(代码块在ItemTemplate中工作得很好)。我读过一些文章,说代码块在LayoutTemplate中不起作用(并且有第一手的经验表明它们不起作用)。有没有人有可靠的方法可以让我调整样式?我是否应该在某些事件处理程序中使用FindControl()并在其中添加样式?

EN

回答 2

Stack Overflow用户

发布于 2011-12-16 19:53:16

用户可以自定义的任何东西,如果在设计时不是固定的,都需要通过找到适当的控件并不幸地更改CSS类来应用于ListView。或者,您可以尝试动态地写出针对ListView中元素类的CSS,并仅使用CSS更改颜色。

CSS EDIT:要动态输出,请考虑使用如下LiteralControl:

代码语言:javascript
代码运行次数:0
复制
protected override void OnLoad(EventArgs e)
{
   var profile = GetProfile();

   LiteralControl ctl = new LiteralControl(@"
     <style>
         .UserStyleA 
         { 
            background-color: " + profile.BackgroundColor + @";
            color: " + profile.ForeColor + @";
     </style>");         
}

我相信,然后在加载时,您可以添加到头部,如下所示:

代码语言:javascript
代码运行次数:0
复制
this.Page.Header.Controls.Add(ctl);

但是,在阅读Page.header属性的文档时,它有一个很好的动态附加样式表的示例。这似乎正是您所需要的。

http://msdn.microsoft.com/en-us/library/system.web.ui.page.header.aspx

票数 0
EN

Stack Overflow用户

发布于 2011-12-17 14:14:46

您可以尝试将一个用户控件放在LayoutTemplate中,并将逻辑移动到所述用户控件,如下所示:

代码语言:javascript
代码运行次数:0
复制
<asp:ListView ID="CustomizableList" runat="server">
  <LayoutTemplate>
    <custom:UserStyles runat="server" />

    <div class="user-list-layout">
      <asp:PlaceHolder ID="Item" />
    </div>
  </LayoutTemplate>
  <ItemTemplate>
    <asp:Label ID="Something" runat="server" 
      Text='<%# Eval("Something") %>' 
      CssClass="user-list-something" />
  </ItemTemplate>
</asp:ListView>

遵循Brian Mains答案中的建议,只使用CSS类。然后,在UserStyles控件中,您可以动态生成一些将要应用的CSS。

代码语言:javascript
代码运行次数:0
复制
<style type="text/css" scoped>
  .user-list-layout {
    border-color: <%= Profile.FavoriteColor %>;
  }
  .user-list-something {
    font-size: <%= Profile.PreferredFontSizeForSomething %>;
  }
</style>

但是,请注意,在HTML语言中不允许向<body>添加<style>标记,但在所有主流浏览器中都可以使用。在HTML5中是允许的,但只有在设置了scoped属性的情况下才允许(有关这方面的更多信息,请参阅this question )。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8539296

复制
相关文章
如何动态绑定样式
这个是我想要的页面效果,每个卡片的背景颜色都不一样 image.png 第一次需要动态绑定颜色,发现怎么写都不对。。。众大佬支招终于解决了~ 当遍历出来的每个项都需要不同的样式的时候,按照以下这个格式套进去就可以了 :style = "{'background-color':item.bgc}" image.png 如果样式绑定在遍历的每个项中,也可以通过插槽的方式获取到当行的样式 image.png
xyzzz
2020/11/25
2.2K0
如何动态绑定样式
Android自定义样式listview
这个貌似很常用,以前会了现在正好用到了,所以就复习一下咯。 附上慕课网的视频地址,这个讲得hin详细http://www.imooc.com/learn/365 好了,步入正题,这里讲的就是要实现li
用户1148523
2018/01/09
2.1K0
listview动态获取数据
1.主Activity 1 public class MainActivity extends Activity { 2 3 private ListView listView; 4 private ArrayList<Person> persons; 5 private ListAdapter adapter; 6 private Handler handler=null; 7 //xml文件的网络地址 8 final String pa
xiangzhihong
2018/01/26
3.2K0
asp.net MVC 5 Scaffolding多层架构代码生成向导开源项目(邀请你的参与)
Visual Studio.net 2013 asp.net MVC 5 Scaffolding代码生成向导开源项目 提高开发效率,规范代码编写,最好的方式就是使用简单的设计模式(MVC , Repoistory Pattern)+ 模板生成工具。每个小型的软件公司似乎都有自己的基础开发平台,大部分都是基于数据字典+模板动态生成CRUD的操作页面;一般的项目80%代码都可以通过模板生成但并不意味着可以缩短80%的项目开发时间,毕竟很多的业务操作还是要根据用户的需求去定制开发还是需要不少时间去理解和开发的。但
阿新
2018/04/12
1.3K0
asp.net MVC 5 Scaffolding多层架构代码生成向导开源项目(邀请你的参与)
动态设置ListView的高度 原
代码如下: <!-- lang: java --> //动态设置listView的高度 ListAdapter listAdapter = listView.getAdapter(); if (listAdapter == null) { return; } int totalHeight = 0; for (int i = 0; i < listAdapter.getCount(); i++) { Vie
LeoXu
2018/08/15
1.7K0
ListView数据动态更新
经过前面几期的学习,关于ListView的一些基本用法大概学的差不多了,但是你可能发现了,所有ListView里面要填充的数据都是静态的,但在实际开发中,这些数据往往都是动态变化的,比如数据内容发生改变、增加几行、或者删除几行,这就涉及到ListView数据的更新问题。 接下来通过一个简单的示例程序来学习ListView的数据更新。 继续使用WidgetSample工程,在app/main/res/layout/目录下创建updatedata_layout.xml文件,在其中填充如下
分享达人秀
2018/02/02
2.2K0
ListView数据动态更新
在ListView中实现排序
ListView触发数据源排序,使用数据源(即List<T>)的Sort()方法,又一次绑定数据源到ListView。
全栈程序员站长
2022/09/06
1.3K0
Android中动态更新ListView
在使用ListView时,会遇到当ListView列表滑动到最底端时,添加新的列表项的问题,本文通过代码演示如何动态的添加新的列表项到ListView中。 实现步骤:调用ListView的setOnScrollListener()方法设置滑动监听器,实现OnScrollListener接口的方法,判断当列表滑动到最低端时,加载新的列表项。 其中OnScrollListener接口需要实现如下两个方法: onScroll(AbsListView view, int firstVisibleItem, int
欢醉
2018/01/22
2K0
动态类名和动态样式
给标签添加动态样式 // H5页面中,ios正常显示,但是background样式在andriod机不生效 <div class="img_container" :style="{background:'url('+album.base64Img+')'}"></div> // 改为下面这种写法ios和andriod都可以显示了 <div class="img_container" :style="{background:`url(${encodeURI(album.base64Img)})`}"></d
xyzzz
2021/06/18
1.3K0
通过样式覆盖修改Tcplayer动态水印样式
效果图: 41102.gif 在线demo 覆盖样式代码: .tcp-dynamic-watermark-container .tcp-dynamic-watermark-content { font-size: 30px; color: red; } 全部demo代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-
良人
2022/04/11
3K0
Flutter 中 ListView 动态数据生成列表
1. 循环数据,生成列表效果。 import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } // 抽离成一个单独的组件 class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold(
越陌度阡
2020/12/22
3.2K0
Flutter 中 ListView 动态数据生成列表
小程序动态绑定样式
第二步:在js文件中的data中设置一个flag,叫他isChecked,默认isChecked==false。如下:
江一铭
2022/06/16
1.4K0
小程序动态绑定样式
Flutter中ListView 动态数据生成列表
1. 循环数据,生成列表效果。 import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } // 抽离成一个单独的组件 class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold(
越陌度阡
2022/05/06
1.7K0
Flutter中ListView 动态数据生成列表
在ASP.NET 2.0中使用样式、主题和皮肤
ASP.NET 2.0的主题和皮肤特性使你能够把样式和布局信息存放到一组独立的文件中,总称为主题(Theme)。接下来我们可以把这个主题应用到任何站点,用于改变该站点内的页面和控件的外观和感觉。通过改变主题的内容,而不用改变站点的单个页面,就可以轻易地改变站点的样式。主题也可以在开发者之间共享。
Java架构师必看
2021/03/22
3.5K0
利用Flutter中的ListView进行动态卡片布局
真香!本来觉得用以前的java就能做的为啥还用flutter,但是最近接触flutter之后感觉这才是写移动应用的神器啊! 尤其是用java写的listView,各种适配器传参简直了
徐建国
2021/07/31
2.1K0
Android动态修改ListView中指定Item的组件属性
Android动态修改ListView中指定Item的组件属性 在Android实际开发过程中经常会遇到,修改ListView中某一项的值。如何达到这一目的呢? 方法主要有两种: 第一种方式:当ListView中某一项的值发生变化之后,重新加载数据已达到更新ListView的目的。 虽然第一种方式能够解决问题,但不值得推荐。因为这样会带来不必要的资源消耗。在移动终端这种硬件资源和计算能力都有限的情况下,显然有点得不偿失了,况且用户的体验也不好。 第二种方式:第二种方式可以说是第一种方式的改进。ListV
用户1289394
2018/02/26
3.8K0
CSS的超链接样式设计
内部链接所链接的目标一般位于同一个网站中,对于内部链接来说,可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置,仅指定相对位置关系,
全栈程序员站长
2022/09/07
1.4K0
CSS的超链接样式设计
动态传参的方式改变div样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width: 150px; height: 150px;
江一铭
2022/06/16
1.9K0
动态传参的方式改变div样式
点击加载更多

相似问题

Page.GetRouteUrl in LayoutTemplate of listview?

10

在ListView LayoutTemplate中显示合计

32

如何访问listview的layouttemplate中的控件?

65

如何访问ListView LayoutTemplate控件的"Text“属性

20

动态更改listview LayoutTemplate中的标题单元格数量

34
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档