Fanruan父子格设置

已于 2024-01-12 16:04:35 修改
阅读量783 收藏 5
点赞数 7
CC 4.0 BY-SA版权
分类专栏： Finereport 帆软 文章标签： 前端
于 2024-01-11 16:43:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liujiaping/article/details/135533360
本文介绍了在FineReport设计报表时，选中单元格后显示的蓝色箭头表示单元格的父格关联，以及帆软学院如何通过文档详细解释父子格逻辑，旨在培养企业急需的数据分析人才。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  edu.fanruan.com/video/play/921


FineReport 设计报表时，选中单元格后，单元格的父格会有「蓝色箭头」。如下图所示

#NAME?数据集06_事业部vds龙虎榜.S(division)得分数据集06_事业部vds龙虎榜.G(score)达成率数据集06_事业部vds龙虎榜.G(comp_rate)
help.fanruan.com/finereport/doc-view-141.html?source=4#
FineReport 单元格扩展和父子格
Davina_yu的博客
10-01 718
没什么特殊要求，就保持默认。
【SpringBoot】31、搭建SpringBoot父子Module工程项目
热门推荐
Asurplus
08-25 21万+
在本系列第一篇文章，我们讲解了如何在 IDEA 中搭建第一个 SpringBoot 项目：【SpringBoot】一、创建第一个SpringBoot项目，本篇文章，我们讲解如何在 IDEA 中搭建 SpringBoot 的父子 Module 工程项目 1、Module 工程项目 简介 多模块项目，适用于一些比较大的项目，通过合理的模块拆分，实现代码的复用，便于维护和管理。尤其是一些开源框架，也是采用多模块的方式，提供插件集成，用户可以根据需要配置指定的模块。 2、创建一个 SpringBoot 项目 就是创
java报表开发工具FineReport教程之报表设计：父子格设置
09-30
表明当报表主体中绑定了多个单元格的时候，单元格间会天然存在某种关系，使单元格间存在数据过滤关系，并且跟随扩展，这就是父子格，前面的单元格称之为父格，后面的单元格称之为子格，也就是说子格的数据会根据父格的数据进行过滤分组显示，并且还会跟随父格的扩展方向而扩展，下面我们来详细介绍一下父子格。
帆软FineReport学习篇(四)——父子格设置
SSS4362的博客
04-10 6239
①父子格设置 ②汇总展示 ③制作分组报表 ④制作自由报表
帆软报表学习—单元格扩展和父子格
javaissohard的专栏
02-15 1万+
默认纵向扩展，单元格左上角有个向下的小箭头。 我们一般显示报表数据，都是纵向扩展，即纵向显示，直到所有数据都显示出来。 除了设置纵向扩展，也可以设置横向扩展。 在设计器右下角有个“扩展方向”设置区，设置为横向扩展的话，数据就会由左至右横向扩展了。 还能设置“不扩展”！如果设置为不扩展，设计器会自动将所有的结果汇总在一个单元格中，并以逗号隔开。 再看“父子格”，默认左父格，也能上父
FCA例题
myqijin的博客
11-12 1401
在数据集SQL语句中，使用${para}做为一个参数宏，其中变量para为参数名，若字段值为整型则加上引号如${para}(正确)悬浮的图表可以设置悬浮窗图的标题，以及悬浮窗的长和宽，并且悬浮框中的图表会自适应悬浮框的大小(正确)现有关系：学生(学号，姓名，课程号，系号，系名，成绩)，为消除数据冗余，至少需要分解为(C)设置自适应后，单元格多的情况下，单元格只能缩小到一定比例，再缩小依旧会出现滚动条(正确)C. 设置布局方式为自适应布局，组件缩放为横向自适应，不勾选手机重布局。
帆软 基础操作
weixin_43889788的博客
11-17 1万+
帆软快速入门
FineReport单元格扩展与父子格设置
szd_happy的博客
07-18 6925
1.描述 在讲述报表设计之前，首先介绍一下FineReport报表制作的几个基本概念，本章节介绍FineReport报表赖以生存的单元格扩展。 扩展，顾名思义，就是由一变多，那么单元格扩展就是指在web端查看模板效果的时候，原来的单元格由一个变成了多个，这就是单元格扩展，如下图： 2. 单元格扩展 大家对Excel应该都不陌生，用过Excel的人都知道，其单元格只有2个方向，横
Windows Server 2016 AD父子域搭建手册
07-28
Windows Server 2016 Active Directory (AD) 父子域的搭建是企业网络环境中的一项关键任务，它为组织提供了集中化的身份验证、授权和管理功能。本手册旨在指导IT中心如何按照《XXXX活动目录规划方案》的要求，构建...
帆软报表FCA
ELLEN_SN的博客
11-01 2509
对数据表中数据的格式和样式进行设置，并不能改变图表中坐标轴和图例的样式，样式设置作用于整个数据表，数据格式作用于数据表中的数据(得分：2分 满分：2分)填报属性中设置了多个内置SQL后，提交时有一个执行不通过的话，后面的内置 SQL 就不会执行，前面的执行过的依旧有效(得分：2分 满分：2分)使用SQL命令将学生表STUDENT中的学生年龄AGE字段的值增加1岁，应该使用的命令是(得分：2分 满分：2分)决策报表中，其他组件引用报表块中的单元格数据，也可以引用数据集中的数据(得分：2分 满分：2分)
FineReport 学习笔记之单元格拓展、父子格
weixin_55750952的博客
03-10 836
FineReport 单元格拓展、父子格
BI报表开发--单元格设置（细致教学）
中长跑路上的crush
01-05 713
需要注意，点击的虽然是第一列，但是里面选的是货主地区，这个我是理解的，最后一定要添加（这个我老是忘记）
帆软 基础
m0_65651209的博客
04-16 7001
帆软 官网： https://www.finereport.com Demo体验： http://demo.finereport.com 报表是以表格、图表的形式来动态展示数据 企业通过报表进行数据分析，进而用于辅助经营管理决策。 图片来自网络 连接数据库 官方教程参考： https://help.fanruan.com/finereport/doc-view-100.html 1. 创建连接 localhost 本地 测试连接成功就可以 2. 数据库查询 数据集管理面板 数据集面板用于保存用户定义的数
FineReport-扩展和父子格
解决自己遇到的问题 分享认为有意义的知识 提供有一点点参考价值的灵感
12-19 6181
单元格扩展 分为 横向扩展、纵向扩展、不扩展三种 简单介绍一下 ： 1. 单元格横向扩展，就是一个单元格的所有数据集合横向输出 2. 单元格纵向扩展，就是一个单元格的所有数据集合纵向输出 不扩展 - 就是有什么输出什么到同一个单元格里(逗号隔开) ...
坑1:关于父子格
lqx_sunhan的博客
03-07 3407
都知道用fineReport做报表就是拖动数据集到设计器里然后选择排布方式，我第一个需求就是两个表格并排，所以我需要拖两个数据集过去,需要完成的效果如图: 其中前三列跟后三列其实都是一样的，等于就是一共20条数据，分两个表格显示出来这个效果是很容易实现的，如下图: 这里无非就是拖了两个数据集过去从左到右进行排布，然后第一个数据集取0-10条，第二个数据集取11-20条，便想着可以实现效果
FineReport_父子格注意事项
weixin_41668007的博客
04-28 591
一定是将主字段，比如以日期，或者订单号为父格时必须将其至于报表最左端，其它字段的左父格即以它们看齐
js面试题 高频(12-22题)
m0_63472757的博客
07-29 825
1.代码服用与抽象: 高阶函数可以将重复的逻辑抽象出来,形成通用函数,提高代码的复用性,柯李华可以将复杂的函数调用转化为一系列简单的步骤,便于部分应用和服用2.函数组合: 高阶函数和柯里化是构建函数式编程风格的关键,它们使的函数的组合变得更容易,从而构建更复杂的功能3.延迟执行与配置化: 柯里化可以将函数执行延迟到所有参数都传入后进行,同时允许在传入部分参数时进行配置,生成定制化的新函数。
Vue3 中 toValue 与 unref 深度解析：异同、场景与最佳实践
最新发布
前端知识分享喵
07-30 335
Vue3中的toValue和unref都是响应式数据解包工具，但存在关键差异：unref仅解包ref对象，而toValue在unref基础上增加了对函数类型的支持，会自动执行函数并返回结果。toValue更适合处理动态计算和多种输入类型的场景，如组合式函数参数标准化；unref则在简单解包和性能敏感场景更具优势。开发者需注意两者对reactive对象和函数参数的不同处理方式，根据实际需求选择合适工具。
vue3卡片垂直无限滚动
qq_63605379的博客
07-28 223
主要是利用css动画向上滚动，js动态计算dom上有多少条数据实时更新滚动速度。js 要在onMounted里调用确保dom已经被渲染。
vue父子页面设置共享变量
05-15
### Vue 父子组件共享变量的实现方式 在 Vue 中，父子组件之间可以通过多种方式进行数据共享。以下是几种常见的实现方式： #### 1. 使用 `v-model` 或 `.sync` 进行双向绑定 通过 `v-model` 或者 `.sync` 修饰符可以在父组件和子组件之间建立一种同步的关系。这种方式允许子组件直接修改父组件中的值。 ```html <template> <MyComponent v-model:title="bookTitle" /> {{ bookTitle }} </template> <script setup> import MyComponent from './MyComponent.vue' import { ref } from 'vue' const bookTitle = ref('') </script> ``` 在这个例子中，`v-model:title` 是语法糖，实际上会转化为 `title` 属性和 `update:title` 事件监听器[^1]。当子组件触发 `update:title` 事件时，父组件中的 `bookTitle` 值会被更新。 对于 `.sync` 修饰符，在 Vue 2.3.0+ 版本中也可以使用类似的逻辑[^2]。 --- #### 2. 使用 Props 和 Events 手动管理状态 这是最基础的方式之一，适用于简单的父子组件通信场景。父组件通过 `props` 将数据传递到子组件，而子组件通过 `$emit` 方法通知父组件更改其内部的状态。 **父组件：** ```html <template> <ChildComponent :message="parentMessage" @update-message="handleUpdateMessage" /> </template> <script> export default { data() { return { parentMessage: 'Hello from Parent!' } }, methods: { handleUpdateMessage(newMessage) { this.parentMessage = newMessage; } } } </script> ``` **子组件：** ```html <template> <div>{{ message }}</div> <button @click="sendMessageToParent">Update Message</button> </template> <script> export default { props: ['message'], methods: { sendMessageToParent() { this.$emit('update-message', 'Updated by Child!'); } } } </script> ``` 这种模式遵循单向数据流的理念，推荐用于简单场景下的父子组件交互[^3]。 --- #### 3. 利用 Vuex 或 Pinia 实现全局状态管理 如果应用规模较大或者需要多个组件共享同一个状态，则可以考虑使用 Vuex（Vue 2）或 Pinia（Vue 3）。这些工具提供了集中式的状态管理模式，使得任何地方都可以访问并修改特定的状态。 **Vuex 示例：** 安装 Vuex 并配置 store 后，可以在任意组件中调用 mutations 或 actions 修改 state 数据。 ```javascript // store.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { sharedVariable: '' }, mutations: { updateSharedVariable(state, newValue) { state.sharedVariable = newValue; } } }); ``` **父组件：** ```html <template> <input v-model="sharedValue"> </template> <script> export default { computed: { sharedValue: { get() { return this.$store.state.sharedVariable; }, set(value) { this.$store.commit('updateSharedVariable', value); } } } }; </script> ``` **子组件：** ```html <template> <span>Current Value: {{ sharedValue }}</span> </template> <script> export default { computed: { sharedValue() { return this.$store.state.sharedVariable; } } }; </script> ``` 这种方法适合复杂的项目结构，能够有效减少 prop drilling 的问题[^4]。 --- #### 4. 使用 Provide/Inject API Provide/Inject 提供了一种更灵活的方式来让祖先组件向下层嵌套的所有后代组件注入依赖项。虽然这并不是严格意义上的“父子组件”通信手段，但在某些情况下非常有用。 **祖辈组件：** ```javascript provide() { return { themeColor: 'blue', changeTheme: (newColor) => { this.themeColor = newColor; } }; }, ``` **子孙组件：** ```javascript inject: ['themeColor', 'changeTheme'], methods: { toggleTheme() { this.changeTheme(this.themeColor === 'blue' ? 'red' : 'blue'); } } ``` 此方案特别适配于跨多级层次的情况，比如主题颜色切换等功能需求[^4]。 --- #### 总结 每种方法都有各自的适用范围： - **Props + Events**: 推荐用于小型、局部化的父子组件通信； - **`.sync` / `v-model`**: 方便快捷地完成双向绑定操作； - **Vuex/Pinia**: 更加复杂的应用程序应采用统一的状态管理系统； - **Provide/Inject**: 跨越多代次的上下文传播场合下尤为高效。 具体选择取决于实际业务需求以及项目的整体架构设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值