luckysheet的使用——13.开启表格非编辑模式(指定单元格可编辑,除此以外其他单元格全部不可编辑)

对指定单元格进行设置为可编辑,在开启非编辑模式后,只有指定的单元格才可以进行编辑,其余单元格全部无法编辑。
1.修改系统,在对应的前端页面代码中对右键菜单新增功能:

{title: '设置可编辑',onClick: function (clickEvent, event, params) {window.luckysheet.setCellEditable(params.rowIndex, params.columnIndex)}
},

2.在luckysheet源码中,找到src/global/api.js,在其中新增方法:

/*** 设置单元格可编辑* @param r* @param c*/
export function setCellEditable(r, c) {//获取单元格的值let cellValue = {ct: {"fa": "General","t": "g"},m: '',v: '',expand: 'allowEdit',}setCellValue(r, c, cellValue)
}
/*** 开启工作表非编辑模式(指定单元格可编辑)*/
export function setWorkBookEditMode() {luckysheetConfigsetting.editMode = true
}

3.找到src/global/validate.js,找到isEditMode()方法并进行修改:

//是否为非编辑模式
function isEditMode() {if (luckysheetConfigsetting.editMode || !Store.allowEdit) {return true;} else {return false;}
}

4.找到src/controllers/updateCell.js,找到luckysheetupdateCell()方法并进行修改:

	//非编辑模式下禁用单元格编辑if (isEditMode()) {let result = true//判断该单元格是否在非编辑模式下可编辑let targetSheetData = Store.luckysheetfile[getSheetIndex(Store.currentSheetIndex)].datalet cellValue = targetSheetData[row_index1][col_index1]if (cellValue != null) {let expand = cellValue.expandif (expand != null) {if (expand == 'allowEdit') {result = false}}}if (result) {return;}}

5.在项目对应的前端页面代码中调用方法开启非编辑模式:

window.luckysheet.setWorkBookEditMode()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/135263.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

5 Tensorflow图像识别(下)模型构建

上一篇:4 Tensorflow图像识别模型——数据预处理-CSDN博客 1、数据集标签 上一篇介绍了图像识别的数据预处理,下面是完整的代码: import os import tensorflow as tf# 获取训练集和验证集目录 train_dir os.path.join(cats_and_dogs_filter…

Elasticsearch 8.9 服务端接收创建索引和查询索引信息源码

一、创建索引1、接收创建索引的RestCreateIndexAction2、Master执行创建索引的类TransportCreateIndexAction3、创建一个任务(创建索引的),放入一个队列4、执行创建索引时会先搜索模版5、创建索引的build,更新集群状态(1) initializeEmpty初始化索引的分…

AI+BI行业数字化转型研讨会 - 总结精华回顾

带您一起观看研讨会精彩内容回顾! || 导语 AIBI行业数字化转型研讨会—引领未来,智慧转型 德昂信息技术(北京)有限公司于2023年10月26日成功举办了AIBI行业数字化转型研讨会。此次盛会汇聚了产业精英、企业领袖以及技术专家,共同探讨在快速…

Python的编码规范:PEP 8介绍及基本遵循原则

文章目录 PEP 8简介基本遵循原则1. 缩进2. 行宽3. 空行4. 导入5. 空格6. 命名约定7. 表达式和语句中的空格8. 注释9. 编码声明10. 文档字符串PEP 8简介 PEP 8,或Python Enhancement Proposal 8,是一个官方文档,发布于2001年。它由Guido van Rossum,Python语言的创始人,以…

sed过滤线上日志,根据时间段查询

文章目录 语法: sed -n ‘/开始时间:/,/结束时间:/p’ 文件名 例1 sed -n /2023-11-08 11:30:*/,/2023-11-08 11:31:*/p server.log例2(根据上面的继续过滤也行) sed -n /2023-11-08 11:29:*/,/2023-11-08 11:31:*/p e-chatbot-server.log | grep appSav…

前端框架Vue学习 ——(二)Vue常用指令

文章目录 常用指令 常用指令 指令: HTML 标签上带有 “v-” 前缀的特殊属性&#xff0c;不同指令具有不同含义。例如: v-if, v-for… 常用指令&#xff1a; v-bind&#xff1a;为 HTML 标签绑定属性值&#xff0c;如设置 href&#xff0c;css 样式等 <a v-bind:href"…

Spark 新特性+核心回顾

Spark 新特性核心 本文来自 B站 黑马程序员 - Spark教程 &#xff1a;原地址 1. 掌握Spark的Shuffle流程 1.1 Spark Shuffle Map和Reduce 在Shuffle过程中&#xff0c;提供数据的称之为Map端&#xff08;Shuffle Write&#xff09;接收数据的称之为Reduce端&#xff08;Sh…

MybatisPlus之新增操作并返回主键ID

在应用mybatisplus持久层框架的项目中&#xff0c;经常遇到执行新增操作后需要获取主键ID的场景&#xff0c;下面将分析及测试过程记录分享出来。 1、MybatisPlus新增方法 持久层新增方法源码如下&#xff1a; public interface BaseMapper<T> extends Mapper<T> …

js处理赎金信

给你两个字符串&#xff1a;ransomNote 和 magazine &#xff0c;判断 ransomNote 能不能由 magazine 里面的字符构成。 如果可以&#xff0c;返回 true &#xff1b;否则返回 false 。 magazine 中的每个字符只能在 ransomNote 中使用一次。 示例 1&#xff1a; 输入&…

自动控制原理--面试问答题

以下文中的&#xff0c;例如 s_1 为 s下角标1。面试加油&#xff01; 控制系统的三要素&#xff1a;稳准快。稳&#xff0c;系统最后不能震荡、发散&#xff0c;一定要收敛于某一个值&#xff1b;快&#xff0c;能够迅速达到系统的预设值&#xff1b;准&#xff0c;最后稳态值…

一台电脑生成两个ssh,绑定两个GitHub账号

背景 一般一台电脑账号生成一个ssh绑定一个GitHub&#xff0c;即一一对应的关系&#xff01;我之前有一个账号也配置了ssh&#xff0c;但是我想经营两个GitHub账号&#xff0c;当我用https url clone新账号的仓库时&#xff0c;直接超时。所以想起了配置ssh。于是有了今天这篇…

SQLite System.Data.SQLite和sqlite-net-pcl之间的区别

System.Data.SQLite System.Data.SQLite是一个.NET数据提供程序&#xff0c;用于操作SQLite数据库。它是在SQLite C语言库之上构建的&#xff0c;提供了以.NET方式访问SQLite数据库的功能。System.Data.SQLite提供了ADO.NET接口&#xff0c;可以与其他关系型数据库一样使用Com…

FreeRTOS总结

堆内存管理 有五种内存分配方式常用的为heap_4方式 任务管理 任务不能以任何方式实现函数返回&#xff0c;可以在任务的死循环外加上xTaskDelete( ) 创建任务&#xff1a;xTaskCreate( ) 任务堆栈的大小&#xff0c;空闲任务的最小是configMINIMAL_STACK_SIZE&#xff0c;其…

【自然语言处理】利用python创建简单的聊天系统

一&#xff0c;实现原理 代码设计了一个简单的客户端-服务器聊天应用程序&#xff0c;建立了两个脚本文件&#xff08;.py文件)&#xff0c;其中有一个客户端和一个服务器端。客户端和服务器之间通过网络连接进行通信&#xff0c;客户端发送消息&#xff0c;服务器端接收消息并…

git clone单个文件/文件夹、wget下载单文件

文章目录 1. 暂时没找到方法用git命令方便地clone单个文件/文件夹2. 通过wget手动下载单个文件 1. 暂时没找到方法用git命令方便地clone单个文件/文件夹 复杂&#xff0c;未测试 https://www.cnblogs.com/impw/p/15629514.html 2. 通过wget手动下载单个文件 在github/gitee网…

acwing 795前缀和

输入一个长度为 n&#xfffd; 的整数序列。 接下来再输入 m&#xfffd; 个询问&#xff0c;每个询问输入一对 l,r&#xfffd;,&#xfffd;。 对于每个询问&#xff0c;输出原序列中从第 l&#xfffd; 个数到第 r&#xfffd; 个数的和。 输入格式 第一行包含两个整数 …

django+drf+vue 简单系统搭建 (2) - drf 应用

按照本系统设置目的&#xff0c;是为了建立一些工具用来处理简单的文件。 1. 准备djangorestframework 关于drf的说明请参见&#xff1a;Django REST Framework教程 | 大江狗的博客 本系列直接使用drf的序列化等其他功能。 安装 conda install djangorestframework conda i…

VSCode使用插件Github Copilot进行AI编程

演示示例 函数封装 根据上下文 根据注释 详情请看GitHub Copilot 安装插件 在VS Code中安装插件 GitHub Copilot 登录账号 点击VS code左下角账户图标&#xff0c;点击【Sign in】&#xff0c;会自动在浏览器打开Github登录页&#xff0c;登录具有 Github Copilot 服务的…

数据结构 编程1年新手视角的平衡二叉树AVL从C与C++实现③

对应地&#xff0c;我们可以将insert函数中省略的操作补上 if(getBalance(node)2){ if(getBalance(node->left)1){ noderightRotate(node); //对应LL型 } else if(getBalance(node->left)-1{ node->left leftRotate(node->left); //对应LR型 noderightRotate(n…

微信 商家转账到零钱 二

本来想手写&#xff0c;但是有sdk 就没必要这么麻烦。 composer地址&#xff1a;wechatpay/wechatpay - Packagist 微信官网sdk,给的是github&#xff0c;打不开。 <?php require_once vendor/autoload.php; defined(ROOT_PATH) or define(ROOT_PATH, ./); use WeChatPa…