帆软实现单元格可编辑内容并保存

easyui 可编辑单元格 实现easyui可编辑单元格如上图所示,点击进入编辑状态,点击删除当前行,进入编辑状态时操作按钮会变为保存按钮和取消按钮。点击新增行可新增一行进行编辑。后台是普通的增删改查,前台代码如下: function gridEditor(data) { //可编辑datagrid表格,根据不同状态时的操作按钮进行操作 $("#gridEditor") 阅读详情
AI摘要

这篇博客介绍了如何在帆软报表中设置单元格的编辑权限,以及如何通过编辑控件信息实现数据的保存功能。通过选择模板WEB属性,设置填报页面属性,启用工具栏并添加保存按钮,编写保存脚本来实现数据提交入库的操作。同时,提到了填报属性的设置,用于映射单元格与数据库字段的关系。

单元格内容 是否可编辑主要取决于单元格控件的使用。

从这里进入控件操作界面

这里可以对控件的信息进行编辑,具体内容非常丰富,可以根据字面意思进行调试,但是主要的是需要勾选可用可见 

在类型中提供了很多空间类型,可以在编辑单元格的时候,提供更多方便的编辑选择或者固定可选的修改内容。

保存修改:

修改好的数据需要再报表页面添加一个保存按钮来保存。首先

在模板栏选择模板WEB属性。

 找到填报页面属性,设置为为模板单独设置,不用它原来默认的。勾选使用工具栏,可以在下面的按钮中选择想要添加的功能按钮,然后双击工具栏进入对按钮进行编辑或者编写脚本的页面处理操作按钮了,这里我们以保存按钮为例。

首先我选择了自定义按钮,然后想要在页面展示为绿色对号标签,实现保存修改。进入工具栏编辑页面后 

 编辑中选择图标样式,自定义事件中编写保存脚本,直接上代码

if(confirm("是否确认保存?"))   //弹出确认对话框  
{
 
     _g('${sessionID}').writeReport();  //执行提交入库操作
   
  return true;    //点击确定时,返回值为true,执行如上操作。
}
else
{
   return false; //点击取消时,返回值为false,不执行操作。
}

点击确定后,在报表填报属性设置好对应数据库的填报对象,就可以实现了。填报属性的设置在帆软报表实现Excel导入,并校验数据_httpmc2018的博客-优快云博客_帆软导入excel进数据库这里的设置填报单元格与数据库的对应关系有写。

好久不使用帆软,差点忘记这一块,匆匆记录一下 

基于vue3 实现可编辑单元格,自定义数据化结构(新增、删除、取消) 基于Element-plus 进行二次封装、实现单元格的多功能编辑、自定义数据结构、编辑、增加、删除、新增 阅读详情

相关推荐

双击单元格变成可编辑的文本框

不知道有没有用过google的在线文档服务, 有excel类型的文档, 大家都知道excel每个单元格都可以编辑, 这里我来说说我实现的思路, 高手有高手的想法和做法, 但是我们菜鸟也可以偶尔的冒充一把, 不亦乐乎, 呵呵。第一步: 准备工作,建立个tabedit.html里面的内容很简单, 建立个5X5的表格, 代码如下: 双击单元格变成可编辑的文本框    

dashi99的专栏 2365

帆软 FineReport 动态列如何设置

帆软动态列表实现

梦幻通灵 1万+

工具:帆软FineReport使用指南(一)

随着技术日新月异的变化,商业智能分析结合数据化运营、图形化管理不断挖掘价值,也不断的体现其价值,商业智能分析软件很多,像Tableau、FineReport、Power BI等,功能都很强大,特别对传统型企业,随着业务量扩大和商业环境的复杂化,越来越依赖信息化管理,由于FineReport的帮助手册还不够完善,大部分初学者使用帮助文档都遇到问题,另外一个帮助文档的逻辑性不是很强,缺少功能方面的解释...

金融科技和数据治理 2万+

动态合并单元格

//动态合并单元格 function uniteTable(tableId,colLength) {//表格ID,表格列数 var tb=document.getElementById(tableId); tb.style.display=''; var i = 0; var j = 0; var rowCount = tb.rows.length; // 行数 var colCount = tb.rows[

weixin_42404521的博客 1214

使用jQuery和PHP实现可编辑表格字段内容并实时保存

本文将介绍如何使用jQuery和PHP来实现一个可编辑表格,用户可以直接在表格中编辑字段内容,并实时保存到服务器端。通过以上的代码,我们实现了一个可编辑的表格,并且用户编辑的内容可以实时保存到服务器端。接下来,我们使用jQuery来处理用户的编辑操作,并将编辑后的数据发送到服务器端进行保存。,使表格中的单元格可编辑。我们还添加了一个"保存更改"的按钮,用于保存用户的编辑结果。事件将被触发,然后我们从单元格中获取所在行、列的信息,并将编辑后的数据发送到服务器端的。在上面的代码中,我们使用了。

ByteZenith的博客 225

点云体素化算法研究-3.Voxelization 三维模型体素化

体素(voxel)即体积元素的简称,是数字数据在三维空间分割上的最小的单位。体素化就是通过创建三维体素网格来表示三维物体,是一种将无序点云变为有序点云的降采样的空间数据结构方法,便于实现点云的空间卷积。激光雷达(LiDAR)| Open3D:第五节 表面重建-体素化。

周陽讀書 2067

FineRport 动态修改表格单元格值

var location = this.options.location; //获取控件的位置 var cr = FR.cellStr2ColumnRow(location); //单元格列号 var col = cr.col; //单元格行号 var ro = cr.row; var value = this.getValue(); ...

weixin_30782293的博客 338

从零开始构建高精度称重系统:ADS1232硬件设计与软件调优实战

本文详细介绍了如何基于TI的ADS1232 24位ADC芯片构建高精度称重系统,涵盖硬件设计、软件调优及校准算法。通过优化电源设计、PCB布局和卡尔曼滤波算法,实现毫克级测量精度,适用于工业自动化和实验室等高要求场景。

weixin_28285943的博客 382

帆软FineReport学习篇(二)

知晓FineReport制作普通报表的流程 使用FineReport完成连接数据库、新建普通报表、新建模板数据集三大操作

SSS4362的博客 1万+

P450酶催化循环的Amber-Gromacs混合模拟实战:从血红素加氧到产物释放

本文详细介绍了针对P450酶完整催化循环的Amber-Gromacs混合模拟实战策略。通过Amber为关键氧合血红素中间体(CPDI)构建精确力场,再利用Gromacs的高效GPU加速进行长时间尺度动力学模拟,完整覆盖从底物结合到产物释放的催化过程,为研究酶催化机制提供了强大的计算工具。

weixin_29201859的博客 315

BOE CHPI协议解析:高速显示驱动的核心技术

本文深入解析了BOE CHPI协议,这是一种为高分辨率、高刷新率显示面板设计的时钟嵌入式高速点对点接口技术。文章详细阐述了其三层架构(物理层、链路层、协议层)、核心机制(如链路训练与BCC通道)以及如何通过高速串行差分传输解决大尺寸屏幕内部数据传输的带宽与干扰难题,是驱动8K、窄边框等高端显示应用的关键核心技术。

m9n0o的博客 544

帆软报表单元格合并

帆软报表单元格合并,自定义合并单元格

tone1128的博客 3816

共享单车数据抓取与分析:使用Python爬虫抓取共享单车使用数据与地图信息

通过本篇博客,我们展示了如何使用Python爬虫抓取共享单车的使用数据和地图信息,并通过简单的数据分析得出有价值的见解。在实际应用中,数据的收集与分析不仅能帮助城市管理者更好地规划单车站点,还能为用户提供更精准的单车使用体验。未来,我们可以将此分析与机器学习模型相结合,进一步预测单车的使用趋势,优化调度算法,实现更加智能的共享单车管理。

2201_76125261的博客 2204

WPF中修改DataGrid单元格值并保存

编辑DataGrid中的单元格的内容然后保存是非常常用的功能。主要涉及到的方法就是DataGrid的CellEditEnding  和BeginningEdit 。其中BeginningEdit 是当单元格选中后,状态为可编辑状态时触发。CellEditEnding 是在单元格失去焦点后触发的事件。    对于编辑DataGrid中单元格内容的实现逻辑比较简单: 1.保存旧的单元格内容。 2.

阳 1万+

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能,uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等,手机移动端H5网页富文本/小程序富文本/App富文本!

uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp富文本编辑器,uniapp中如何实现各平台都兼容的富文本编辑器,Editor富文本插件,uniApp微信小程序富文本,UNI-APP安卓苹果ios系统App端富文本组件,editor富文本编辑器如何实现上传图片,图片上传后不显示怎么办,如何配置图像上传功能,富文本图片上传怎么传到服务器中,获取图片路径,editor插入图片,富文本编辑器上传图片,报错怎么办,跨域CORS处理,配置不行无效

🏆 前端领域优质创作者 1万+

GStreamer中h264parse元素

h264parse是 GStreamer 中处理 H.264 视频流的关键元素,主要负责解析和准备 H.264 流以便后续处理。

深之JohnChen的专栏 1024

Layui表格单元格编辑保存

话不多说,直接上代码 页面上的HTML代码 <div class="row"> <div class="col"> <table id="tabSupplierCategoryDetails"lay-filter="tabSupplierCategoryDetails"> </table>...

weixin_44547598的博客 1万+

13、深入理解 Microsoft 365 的安全与合规概念

本文深入探讨了 Microsoft 365 的安全与合规概念,涵盖文档存储、文件共享、审计、保留、eDiscovery、分类和保护以及网络等多个关键方面。通过合理配置这些功能,组织可以更好地管理和保护其数据资源,满足法规要求,并提升工作效率。文章还提供了最佳实践建议及流程图,帮助读者全面理解 Microsoft 365 的安全架构和管理策略。

k8s6orchestrator的博客 211

java实现table可编辑_动态渲染可编辑单元格的Table

一、问题描述问题是这样的,后台传了xArr = [x1, x2,...,xn]和yArr = [y1, y2, ..yn]两个数组,前端要渲染出表格并且可以填写每个单元格的值,然后按照一定数据结构保存并传给后台,并且再次获取这个数据结构和数组xArr、yArr可以自己渲染出这个表?实现新增和修改的功能。大致界面效果如下图所示: y1, y2,...,yn作为列名,x1,x2, ..., xn作为第...

weixin_30970539的博客 1168

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

ElementUI table 实现单元格可编辑

优雅的elementUI table 单元格可编辑实现方法 最近在做可编辑特定列的单元格的elementUI table,看了N多的开源、文章,找到一个很优雅的实现方式,分享给大家。 PS:单元格可编辑的table,用英文搜索:Inline editable table with ElementUI 会得到高质量结果。 对应代码 APP.vue <template> <div id="app"> <div style="margin-bottom: 30px"

qq_43159612的博客 9422

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

ant design Table可编辑的单元格改进版

antd官方也有给文档,但是超级麻烦,代码量还超级多,改编了一下 如图: 这里table的columns的写法,如下: const columns2 = [ { title: '尺寸名称', dataIndex: 'name', filterDropdown: true, filterIcon: <Icon type="edit"/>, render: () => &l...

sinat_39648402的博客 1万+

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

React使用antd实现可编辑单元格

React使用antd实现可编辑单元格

见贤思齐焉,见不贤内自省 4401

逐行解析Antd Design可编辑单元格

解析Antd Design可编辑单元格

sakura的博客 6112

element-ui 表格实现单元格可编辑的方法

:data="tableData"     border     @cell-mouse-enter="handleMouseEnter"     @cell-mouse-leave="handleMouseOut"     style="width: 100%">           label="日期"       width="180">  

zjw0742的博客 5万+

elementui可编辑单元格_优雅的elementUI table单元格可编辑实现方法详解

最近在做可编辑特定列的单元格的elementUI table,看了N多的开源、文章,找到一个很优雅的实现方式,分享给大家。PS:单元格可编辑的table,用英文搜索:Inline editable table with ElementUI 会得到高质量结果。先上效果:APP.vue:style="display: block"v-model="editModeEnabled"active-colo...

weixin_39638859的博客 544
上一篇: java中的算数运算符号用法与原理分析
下一篇: VUE使用lodop实现前端打印页面指定内容
mmm.c
博客等级 码龄9年 117粉丝 62原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值