站长工具

XAF Blazor ListView 布局样式

作者：haoxj

前言

XAFBlazor虽然可以适应PC端及移动端，但从它的界面可以看出，它明显是移动优先的（Mobile First）。这样的界面在PC端有时会感觉不是很方便（特别对于数据密集的系统来说），即将发布的22.2版本，听说在这方面会做一些优化。

ListView

在ListView中，当每页内容过多时会出现滚动条，但滚动时整个表格都会滚动，对于PC端来说体验不是很好，我希望内容过多时在表格中显示滚动条，表格头及页面导航都始终显示出来，如下图

image

ListView中的表格是DxGrid，它是支持这个效果的，由于XAFBlazor并没有去约束它的高度，所以看到的是整个表格的滚动，下面是修改过程的演示

image

通过上面的演示我们知道了需要修改的地方，下面只需要覆盖对应的标签样式就可以了，样式代码

虽然可以通过覆盖样式的方式来达到我们想要的效果，但需要注意随着XAF的升级，它的DOM结构可能会发生变化

image

写在最后

在今后我会通过这种方式来讲述一些实用的样式修改，如果大家有样式修改方面的问题可以给我留言。

本文转载于网络 如有侵权请联系删除

相关文章

  • Android SDK下载和安装，以及部署「建议收藏」

    大家好，又见面了，我是你们的朋友全栈君。第一步：先到网站地址下载资源 下载地址：https://www.androiddevtools.cn/ 第二步：选择具体版本资源下载第三步：点击启动安装SDKManager.exe选择相应的工具包进行下载对于扩展选项：这里建议全选第四步：需要设置系统环境变量1.右键选中属性：2.进入选择【高级系统设置】3.系统属性的高级选项：点击环境变量进入4.选择新建：设置变量名和变量值，点击确定变量名为：ANDROID_SDK_HOME 变量值为：D:\android-sdk-windows【这里主要是自己安装SDK的路径】 5.选择Path路径，点击编辑。6.在Path路径中编辑添加三条安装路径；点击确定，再点确定1）添加bulid-tools安装路径（在SDK安装目录下）2）添加tools安装路径（在SDK安装目录下）3）添加platform-tools安装路径（在SDK安装目录下）7.最后可以检验是否成功配置好环境变量；显示版本，表示安装成功！Windows图标+R：cmd命令打开命令行窗口，输入adbversion。发布者：全栈程序员栈长，转载请注明

  • 云开发如何帮助业务扛过大流量活动洪峰丨深度好文

    在企业里，做活动是一种十分常见的需求，有面向C端用户开展的活动，也有面向公司内部员工的活动。随着互联网技术的不断发展和疫情等方面的原因，线上开展的活动也越来越多，常见的形式有：内容征集、评论弹幕、点赞投票、竞猜答题、抽奖红包、组队分享、PK排行榜等，无论是单项活动还是多种玩法，其中不乏有会产生大量并发请求的活动。活动期间，用户在短时间内密集参与，像瓜分红包、秒杀等活动，将引发用户集中点击，产生高并发请求，对系统产生一定的压力。如果活动期间负载过高或系统崩溃，将会导致用户无法参与活动，引起用户吐槽和投诉。然而，活动类系统很多时候仅是“一次性”的，所以大家在这类系统的开发上投入的人力物力将相对较少，甚至有些活动是研发人员利用空隙时间开发的。所以往往我们发现，如果不是进行细致的开发设计和上线前的压测，一些大活动的系统在上线后出现问题的概率是非常高的。一个能支撑大流量的活动系统是活动能够成功的关键，接下来我们一起看下大流量的活动系统应该如何设计架构。大流量活动系统的架构长啥样？大流量活动系统需要应对大量并发调用，在系统设计上就要求具备水平扩容的能力来满足业务需求。通常会采用如下的分层的系统架构

  • python潜规则？居然有隐藏参数？---其实是继承的关系~

    fromosgeoimportgdald=gdal.Open(r'D:\idl\visibletemp\c20180106_00.tif')bandg=d.GetRasterBand(1)elevationg=bandg.ReadAsArray()x0,dx,dxdy,y0,dydx,dy=d.GetGeoTransform()nrows,ncols=elevationg.shape#竖57横52x1=x0+dx*ncolsy1=y0+dy*nrowslatst=np.linspace(x0,x1,ncols)lonst=np.linspace(y0,y1,nrows)lont,latt=np.meshgrid(latst,lonst)lon_0t=(x0+x1)/2#计算中心坐标lat_0t=(y0+y1)/2#计算中心坐标#m=Basemap(lat_0=lat_0t,lon_0=lon_0t)map=Basemap(projection='cyl',lat_0=lat_0t,lon_0=lon_0t,llcrnrlon=x0,llcrnrl

  • [javaEE] jsp的指令

    jsp的指令：jsp的指令（directive）是为jsp引擎而设计的，他们并不直接产生任何可见输出，而是告诉引擎如何处理jsp页面中的其他部分页面头部的page指令<%@pageimport="org.apache.jasper.tagplugins.jstl.core.Out"%><%@pageimport="java.util.Date"%><%@pagelanguage="java"contentType="text/html;charset=utf-8"pageEncoding="utf-8"%>配置错误页面：<%@pageerrorPage="500.jsp"%>web.xml<error-page><error-code>500</error-code><location>/500.jsp</location></error-page>

  • Greenplum使用pg_dump最备份数据库

    1说明Greenplum支持逻辑备份。我们使用Greenplum自带的pg_dump命令实现逻辑备份功能，导出备份文件，再通过psql导入到Greenplum中，达到备份的效果。2备份数据2.1创建需要备份的数据库创建dump1数据库，并在数据库中创建test1的schema,创建几张表并插入数据2.2执行备份数据库的命令pg_dump-Uusername-hhostname-pportdatabasename-ffilename参数说明如下：username：本地数据库用户名 hostname：本地数据库主机名，如果是在本地数据库主机登录，可以使用localhost port：本地数据库端口号 databasename：要备份的本地数据库名 filename：要生成的备份文件名称实例:$pg_dump-h192.168.100.55-Ugpmon-p2345dump1-fdump1.sql Password:2.3查看备份出来的数据格式$head-n40dump1.sql -- --GreenplumDatabasedatabasedump --SETstatement_timeou

  • 闲聊架构

    序言架构本身就是一个伪命题，因为很多东西的考虑是一种权衡，也是一种选择，并且含有各种约束条件。架构可以从各个角度来看，可以从业务，从而有业务架构；可以从开发角度，从而有逻辑架构，有开发架构；可以从运维角度看，从而有部署架构。 架构无论你想与不想，其实架构就在娜里。写程序的时候，你会涉及到各种业务系统的架构，系统之间的拆分，一个大而统的系统拆分为各个子系统，子系统中又划分为各种组件，在开发的时候，又可以在各种框架中进行开发。 而架构又能解决什么样的问题？架构主要是根据需求，识别其中复杂的地方，从而对这个复杂的地方进行设计。 架构应该追求什么？在各种架构中，都追求高性能，高扩展，高可用，高可靠，安全度高，成本低。看看nginx的说明，高性能，每秒处理的连接数几万次；看看分布式存储，高可靠；看看金融领域，高可用，安全；看看云平台，高扩展。 每个产品或者组件追求的方向不同，从而导致设计的结果完全不同，例如都是分布式存储，GFS追求用极致的性能来存储大文件，从而将元数据保存在内存中；TFS追求用来存储大量的小文件，从而将元数据保存在数据库中；我可以在软件层面高可靠，从而有了分布式，我可以在硬件层

  • 腾讯设计精品课-第五辑

    腾讯ISUXisux.tencent.com社交用户体验设计 腾讯设计精品课第五辑来袭，本期四门课程依旧由腾讯高级设计师自主研发，聚焦近几年兴起或日渐流行的3D、AR、小游戏和IP形象设计，希望能助相关领域新手一臂之力，从而快速上手设计。《教你做3D黄脸表情》简单而全面讲解3D表情每一步制作的关键点以及表情上架的注意事项，《手持式AR设计》深入分析常见的手持式AR设计形态，阐述如何才能更好地完成AR设计方案。 《打造沉浸式体验的小游戏设计》结合两位讲师在动效、娱乐、运营与情感化设计领域多年的工作经验，思考小游戏除娱乐之外的应用可能性，挖掘背后发力点，总结了一套有章可循且立竿见影的设计方法。《IP形象研发及快速引爆》以多个流行IP为例，详解IP形象研发的步骤与技巧。下面一起来看四门课程的具体内容。第1课：《教你做3D黄脸表情》超魔性的3D版QQ黄脸表情，是怎么做出来的？本课程讲师分三大部分讲述。第一部分3D制作，学习3D制作的每一个环节，包括建模、动画与渲染，每个环节基本不超过10分钟，细吞慢咽好消化。第二部分了解表情包上架平台，上架流程与注意事项，让学员少走弯路，节省时间，从而使表情得

  • iCDO一周要闻：中国有哪些全球百大AI公司；智能家居收集大量用户数据；99%安卓手机存在漏洞等

    上周【新热点】 2月10日Facebook去年从中国获50亿美元广告收入占营收10% 2月13日情人节大数据：鲜花销量暴增4成1/4人独自看电影 2月13日人民日报海外版：搜索引擎不应忘记互联网“初心” 2月14日微博转发评论计数新功能上线测试，超百万均显示为100万+ 上周【新数据】 2月11日调查：83%的消费者认为个性化广告存在道德错误 2月11日2019年全球零售商排行：沃尔玛蝉联冠军京东第20 2月12日360安全报告：99.9％安卓机存漏洞 2月14日2018失信黑名单报告：问题P2P1282家 上周【新奇特】 2月10日全球百大最有前景AI公司出炉，中国成独角兽最强诞生地 2月14日彭博社：亚马逊与谷歌从智能家居收集大量用户数据 新热点 2月10日 Facebook去年从中国获50亿美元广告收入占营收10% 中国公司和其他实体渴望在国际上引起人们的注意，这出人意料地使中国成为Facebook最大的广告收入来源之一。有数据显示，MeetSocial（Facebook中国合作伙伴，是Facebook在中国的七家官方广告经销商之一）的软件每天在Facebook上发布大约2万个中

  • DataGridView使用小结

    1).右键点击行时选中行，并弹出操作菜单 1). 添加一个快捷菜单contextMenuStrip1； 2). 给dataGridView1的CellMouseDown事件添加处理程序： privatevoiddataGridView1_CellMouseDown(objectsender,DataGridViewCellMouseEventArgse)        {            if(e.Button==MouseButtons.Right)            {                //过滤有可能右键点击的行标题和空白列头。                if(e.RowIndex>=0&&e.ColumnIndex>=0)                {                    //若行已是选中状态就不再进行设置                    if(dataGridView1.Rows[e.RowIndex].Selected==false)                    {         

  • iOS中的各种理论知识

    Objective-C部分1.你如何理解OC的内存管理 OC内存管理是基于引用计数。谁想使用某个对象B,就要把对象B的计数器+1,如果不使用这个对象了,那么就把对象B计数器-1,如果B对象计数器减到0,那么B对象自动会调用自己的dealloc函数,也就是这个对象被销毁。一句话就是谁拥有对象,谁负责释放该对象,谁alloc谁应该release或者autorelease系统有一个自动释放池,对于一些对象我们可以放在自动释放池中。如果自动释放池本身销毁,那么里面的内容会被全部调用release.assign,retain,copy,autorelease,release,dealloc的不同assign就是基本的赋值,就是C的基本的赋值retain就是让对象引用计数+1,表示拥有了这个对象copy把对象复制一份。copy是深拷贝,浅拷贝auorelease把对象放在自动释放池里面 release表示对象计数器-1如果减到0那么对象自动dealloc self.name=“yang”和name=“yang”的关系 self.name表示调用setter调用一个函数 name=”year”表示给

  • 有迹可循之CheckList

    一.背景 我们经常在CodeReview的时候经常不知道怎么CodeReview，或者说写代码的时候怎么写出很棒的代码，更多的是靠我们的经验和感觉。通过自己积累的知识，来看代码是否符合自己心中的直觉。但是，很迷茫，因为自己也不能说出所以然。今天捡了个漏，看了别人的CheckList，觉得很棒，让自己的思考、行为有迹可循，知其然，知其所以然。所以记录下来，分享给大家。 二.CheckList 2.1如何发现代码问题 如何发现代码中现有哪些问题？主要由以下几种情况。分别是： 目录设置是否合理、模块划分是否清晰、代码结构是否满足“高内聚，低耦合”？ 是否遵循经典的设计原则和设计思想（SOLID、LOD(六大设计原则)、DRY、KISS、YAGNI等）？ 设计模式是否运用得当？是否有过度设计？ 代码是否易扩展？如果要添加新功能，是否容易实现？ 代码是否可以复用？是否可以复用已有的项目代码或类库？是否有重复造轮子？ 代码是否易测试？单元测试是否覆盖各种正常或异常的情况？ 代码是否易读？是否符合编码规范（比如命名和注释是否恰当、代码风格是否一致等）？ 上面的这些情况，如果认真思考，就会发现，也

  • CoaXPress 线缆和接插件的设计要求

    本文的原理部分内容不仅适用于CoaXPress协议，也同样适用于其它高速信号传输情形。在高速、低干扰信号传输时，线缆和接插件的选取是非常讲究的，我们在实际应用中经常会遇到线缆原因、阻抗匹配原因导致的传输、测量问题，相信本文会对所有使用同轴线缆作为数字传输介质的用户有帮助。 假设读者已经对信号反射、阻抗匹配有基本了解，如果不清楚，可以参考 网络文章 简介 1、CoaXPress使用75欧姆阻抗电缆，AC,DC性能需要满足要求； 2、接插件使用75ΩBNC，Micro-BNC，DIN1.0/2.3；   线缆 阻抗 线缆阻抗要求75Ω±4Ω， ±4Ω的精度是满足协议对于反射的要求的。 回波损耗RL（ReturnLoss）指的是射频输入信号反射回来的功率与输入信号功率的比值。是以db为单位，是一个负数。在理想情况下，负载与发射电路的阻抗完全匹配，完全没有反射功率，这时的回波损耗为无限小。但是在工程上阻抗不可能完全匹配，因此反射功率是一定存在的。最差的情况是输入功率完全被反射，此时回波损耗为0。因此对回波损耗这个技术参数，数值越低表示负载和传输链路性能越好&nbs

  • 掌握 Linux PC 性能之基准测试

    导读 基准测试是一项测试或一系列测试，用来确定某个计算机硬件运行起来的状况有多好；在许多情况下，“基准测试”实际上等同于“压力测试”，通过测试硬件的极限，然后可以将测得的结果与其他硬件测得的结果作一番比较。 大多数基准测试旨在模拟PC在实际情形下遇到的那种工作负载。正因为如此，基准测试几乎就是获得定量数据、了解系统性能如何的唯一方法――如果你的数据差强人意，这表明应该升级部分PC部件。所以，准备好测试你自己的PC了吗？下面是可供Linux用使f的一些比较实用的基准测试。 一、一体化基准测试 一体化基准测试工具又叫基准测试套件，恰如其名：它们测试和衡量系统的各个方面，而不是专注于某一个特定的硬件，如果你不想用三四个不同的工具搞乱系统，这很有用。 1、Phoronix测试套件 Phoronix测试套件是最知名的一体化Linux基准测试解决方案之一。有一些人声称，它有许多固有的问题;当然，我们不会说它在各方面完美无缺，但是它对大多数用户来说足够好。另外，外面值得一用的替代套件并不多。 Phoronix可使用100多个不同的测试套件（即一组组单项测试）和450多个不同的测试配置文

  • LeetCode - 905. Sort Array By Parity

    Givenanarray A ofnon-negativeintegers,returnanarrayconsistingofalltheevenelementsof A,followedbyalltheoddelementsof A. Youmayreturnanyanswerarraythatsatisfiesthiscondition.   Example1: Input:[3,1,2,4] Output:[2,4,3,1] Theoutputs[4,2,3,1],[2,4,1,3],and[4,2,1,3]wouldalsobeaccepted. 复制   Note: 1<=A.length<=5000 0<=A[i]<=5000 水题 classSolution{ publicint[]sortArrayByParity(int[]A){ if(A==null) returnnull; int[]ret=newint[A.length]; intk=A.length-1,j=0; fo

  • 【C/C++】C语言获取日期时间|sleep休眠|time|sleep函数

    目录 统计时间 Windows&&linux通用 high_resolution_clock Windows环境 1.获取当前时间，可精确到秒（Windows） 2.精确到毫秒 3.精确到1/CLOCKS_PER_SEC秒等更高精度 Unix环境 VS界面查看运行时间统计 VC环境 获取时间打印日期 time函数 休眠 1.精确到微秒 linuxsleep要注意的问题 获取日期 linuxC中sleep“卡住”的问题 C++时间问题（其中有一些bug）  【转】 Sleep和 SleepEx函数         统计时间 Windows&&linux通用 high_resolution_clock C++使用chrono获取时间差 #include<iostream> #include<chrono> intmain(){ autostart=std::chrono::high_resolution_clock::n

  • initDB.sh初始化磁盘脚本centos7

    新加磁盘初始化脚本 跳转：优化（2022-4-14） viminitDB.sh #!/bin/bash #autherbywangxp EXCLUDE_LIST='2,11' EXCLUDE_DISK=sda VG_NAME=vg0 functioncheck{ iftest!$?-eq0 then echo"Error!" exit1 fi } lsblk|grep-vsda #生成磁盘数组1 VDA_NUM=`lsblk-d-e$EXCLUDE_LIST-p|grep-v$EXCLUDE_DISK|grep-v'NAME'|wc-l` iftest$VDA_NUM-ge1;then echo"--------------Newharddiskdetected---------------------" for((i=0;i<${VDA_NUM};i++)) do vda_name=`lsblk-d-e$EXCLUDE_LIST-p|grep-v$EXCLUDE_DISK|grep-v'NAME'|awk"NR==($i+1)"|awk'{print$1}'` vda_n

  • WinForm 捕获系统关机、重启、注销事件

    PublicClassApp PublicSharedSubMain() '关联事件 AddHandlerMicrosoft.Win32.SystemEvents.SessionEnding,AddressOfOnSystemShutdown '必须有消息循环情况下，事件才会被触发 Application.Run(NewForm1) EndSub '''<summary> '''事件过程，将在主线程上被调用 '''</summary> PrivateSharedSubOnSystemShutdown(sAsObject,eAsMicrosoft.Win32.SessionEndingEventArgs) SelectCasee.Reason CaseMicrosoft.Win32.SessionEndReasons.Logoff MessageBox.Show("用户请求注销") CaseMicrosoft.Win32.SessionEndReasons.SystemShutdown MessageBox.Show("用户请求关机或重启") EndSelec

  • 内部类访问的局部变量必须加final

    (1)内部类是外部类的一个成员，就像外部类的成员方法一样，所以内部类有权限访问外部类的所有成员，包括private的。  (2)内部类不能访问外部类方法中的局部变量，除非变量是final的(一般发生在方法中定义的内部类)。这是因为局部变量的生命周期原因。     classOuter{    privateinta;     publicclassInner{       privateinta;       publicvoidmethod(inta){         a++;  //局部变量        this.a++;  //Inner类变量 &nb

  • 如何在Windows上一键部署PaddleOCR的WebAPI服务

    PaddleOCR旨在打造一套丰富、领先、且实用的OCR工具库，助力开发者训练出更好的模型，并应用落地。 官方​开源项目地址：PaddlePaddle/PaddleOCR:AwesomemultilingualOCRtoolkitsbasedonPaddlePaddle(practicalultralightweightOCRsystem,support80+languagesrecognition,providedataannotationandsynthesistools,supporttraininganddeploymentamongserver,mobile,embeddedandIoTdevices)(github.com) 一定会有小伙伴们看完不知道如何部署与应用，怎么才能融入到自己的产品或项目中​去。PaddleOCR是开源、免费、可离线部署的OC​R。 本文将介绍如何在windows平台上，自动化部署webAPI，并给出示例如何使用​。   第一步，要安装​Python环境。​下载地址：DownloadPython|Python.org 建议选择安

  • 第三章 金融市场

    目录考点1金融市场概述一、金融市场的功能及其种类二、金融工具考点2货币市场和资本市场一、货币市场二、资本市场1、股票市场定义分类2、长期债券市场考点3我国金融市场组织体系一、货币当局二、金融监督管理机构三、银行业金融机构四、证券期货类金融机构五、保险类金融机构六、其他金融机构七、金融行业自律组织 考点1金融市场概述 一、金融市场的功能及其种类 金融市场的功能 货币资金融通功能。该功能是金融市场最主要、最基本的功能。 优化资源配置功能。 风险分散与风险管理功能。 经济调节功能。 交易及定价功能。 反映经济运行的功能。 金融市场种类 按金融工具的期限划分，金融市场可分为货币市场和资本市场。 按具体的交易工具类型划分，金融市场可分为债券市场、票据市场、外汇市场、股票市场、黄金市场等。 按金融工具发行和流通的阶段划分，金融市场可分为发行市场和流通市场。 按交割时间划分，金融市场可分为现货市场和期货市场。 按交易场所和空间划分，金融市场可分为有形市场和无形市场。 按照资金融资方式划分，金融市场可分为直接融资市场和间接融资市场。 二、金融工具 金融工具的特点 流动性 收益性 风

  • go列出所有支持的系统平台及其架构

      使用命令："gotooldistlist-json"以json格式列出  

相关推荐

推荐阅读