当前位置: 首页 > news >正文

FR报表下拉框高度(JS添加css样式方式)调整

FR报表下拉框高度调整解决方案

问题描述

在FR报表开发中,点击下拉框按钮后,下拉选项列表的高度太小,用户体验不佳。直接使用 $('.fr-combo-list').css("height","400px") 设置高度往往不生效,因为此时下拉选项还没有渲染到DOM中。

解决方案:jQuery动态添加CSS样式(推荐)

通过jQuery动态创建style标签并添加到页面头部,这样可以确保样式在下拉框出现时立即生效:

// 使用jQuery添加样式
function addComboStylesWithJQuery() {if (!$('#combo-height-style').length) {$('<style id="combo-height-style">').text(`.fr-combo-list {height: 400px !important;max-height: 400px !important;overflow-y: auto !important;}`).appendTo('head');}
}

使用方法:

  • 写在在页面加载结束后事件就行

优点:

  • 代码简洁,易于维护
  • 性能优秀,一次设置持久有效
  • 兼容性好,适用于大多数场景
  • 避免了DOM监听的复杂性

其他可选方案

写一个css文件放到服务器上,然后引用这个css文件(理论上应该是最合适的,但是考虑到操作服务器文件有时候不一定方便);其他如轮询监听等方式(搞复杂了)。

http://www.hskmm.com/?act=detail&tid=14353

相关文章:

  • 基于Python+Vue开发的新闻管理系统源码+运行步骤
  • 鸿蒙应用开发从入门到实战(十二):ArkUI组件ButtonToggle
  • Spring框架中的注解主要有哪些
  • 从视觉、文案到交互:三步彻底去除产品AI味
  • 理解WPF Stylet中Command={s:Action 方法名}的设计与实现
  • 帆软报表下拉框高度(JS添加css样式方式)调整
  • 探索 12 种 3D 文件格式:综合指南
  • 剑指offer-32、把数组排成最⼩的数
  • WPF 一个Label标签中的文字 Binding两个值
  • Session和Cookie的定义是什么?他们之间有什么区别?
  • 使用C++编写的一款射击五彩敌人的游戏 - 详解
  • CG-65 剖面细管式温度传感器 可实时监测不同土层温度动态
  • list集合根据某字段获取某个对象
  • .NET STS 版本支持 24 个月
  • 后缀数组基础 Suffix Array
  • @Param的作用
  • 后端应该对前端数据来源渠道进行验证
  • 思念比爱更深刻
  • 数据库操作的方法签名
  • 完整教程:第33章 AI在教育领域的应用
  • 易软通openWMS - 功能齐全的开源WMS
  • C# 中的 ReferenceEquals 方法 - 教程
  • 遇到一件循环导入事件
  • flask实现后端接口的封装和开发部分
  • 上海这样的地段简直是逆天
  • 【GitHub每日速递 250923】 Google 又放大招!TimesFM 2.5 参数减半,预测更准更快
  • 具身智能机器人架构:人形机器人系统架构深度拆解
  • 卓驭,欧洲无绝境
  • 下周审核4家IPO,2家再融资。其中两家IPO企业于在审期间调减募资规模
  • 280亿国产AI独角兽,惹怒“地表最强法务部”