更改Editable Form里的快捷键

新增和修改数据,封装一个组件,运用于不同页面和不同类型,form表单中有可编辑的表格(父子传值,antd-Form表单的二次封装) import React, { Component } from 'react'; import { Table,Button,Input,Icon,Form,message,Modal,Select,DatePicker,Upload,Pagination,Tooltip,InputNumber,Col, Row,Radio,Tabs, Layout} from 'antd'; import {... 阅读详情
经常听到用户在抱怨OE的回车不好用。原来国产的很多软件里,总是把回车当成TAB用。唉。迎合用户,改。
打开:
\addons\web\static\src\js\view_list_editable.js

找到(大约line169):


on_row_keyup: function (e) {
            var self = this;
......

动手。
首先要支持这个:用户在一个输入框回车,跳转到本行的下一个输入框。要考虑输入框的readonly,invisible...
思路:先数本行总共有多少个可以输入的input, 然后向后select一个。


on_row_keyup: function (e) {
            var self = this;
            
            switch (e.which) {
            case KEY_RETURN:
                inputs = self.edition_form.$element.find('input:visible:not(disabled):not([readonly])')
                idx = $.inArray(e.target, inputs);
                if(idx < inputs.length-1){
                    $('#'+inputs[idx+1].id).select();
                    return;
                }
                
                this.save_row().then(function (result) {
                    if (result.created) {
                        self.new_record();
                        return;
                    }

......


当然,如果到了本行最后一个输入框了,那就执行系统的快捷键,保存本行,跳到下一行吧。

打完收工。
react-editable-form-element:用于react的可编辑表单元素 React可编辑的形式元素 立即下载

相关推荐

bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,

antd-procomponent中编辑表格动态数据设置的使用

anytitle : '列C' , dataIndex : 'decs' , renderFormItem :({if(data) {} };placeholder = "请输入值" value = {anyif(data) {} };placeholder = "请输入值" value = {这样我们在修改列C值的同时将列A的值也做了修改了,上述的代码会将列A值改为123。

曲鸟 4144

editableList

可编辑列表 用法 像这样编写嵌套HTML列表: <div class='testList'></div> 然后像这样用jQuery激活: [removed] $(document).ready(function(){ var myList = $(".testList").editablelist({ prefix: 'testList', title: 'List Title', group_title: 'Actual Items', delete_confirm: 'Are you sure?', values: ["One","Two","Three"]

Django定制Admin页面(展示页面和编辑页面)

Django定制Admin页面(展示页面和编辑页面)

qq_48051316的博客 7215

WRF替换静态地理数据中的土地利用数据(WRF替换下垫面数据)

   在进行自己的WRF项目模拟的时候,因为需要用中国土地利用数据替换WRF内嵌老旧的土地利用数据,故需要将土地利用进行替换。我使用的中国的土地利用数据是来自中国土地利用数据(1980-2015)。其中我以下载的lucc1980为例进行演示。 1、坐标转换    (1)下载的lucc1980数据如下图所示:    (2)在ArcMap中打开如下图所示: 打开属性表可以看到,lucc1980的坐标系为投影坐标系Krasovsky_1940_Albers,数据格式为GRID。这里需要将投影坐标系转换成地理坐

GIS 1万+

R语言分段回归

1.利用虚拟变量进行线性回归 (MEdata.csv的数据来源:https://github.com/ChenQihome9/优快云-Data-Library/blob/master/MEdata.csv) 问题13:针对TAX~GDP,使用分段回归方法,找到其回归方程。编程,并根据程序结果叙述如下几方面问题:(1)分几段最佳?(不超过5段内)(2)分段位置定在哪儿最佳?(3)写出最佳方...

ChenQihome9的博客 1万+

python之Django学习笔记(五)---后台(admin.py)基础参数介绍

在前面文章python之Django学习笔记(二)---Django从工程创建、app创建到表建模在页面的显示中已经提到了注册表就是在admin.py中完成 已经涉及的修改是list_display,表示在界面显示哪些列,下面记录涉及到常用的后台操作 1、注册表 表必须在admin.py中注册后才能在界面上显示,所以注册表时第一步,一般代码如下: from django.cont...

weixin_30819085的博客 1087

LVI-SAM适配KITTI数据集避坑指南:IMU频率与数据同步问题解析

本文深入解析了将LVI-SAM框架适配KITTI数据集时,在IMU频率与多传感器数据同步方面遇到的核心挑战与解决方案。针对KITTI数据集中sync与extract两种数据包的差异,文章提供了从数据选择、参数调优到时间戳诊断与修复的完整避坑指南,帮助开发者实现稳定高效的SLAM系统部署。

7z8x2c4v6b9的博客 247

Django - 权限(2)- 动态显示单级权限菜单

一、权限组件 1、上篇随笔中,我们只是设计好了权限控制的表结构,有三个模型,五张表,两个多对多关系,并且简单实现了对用户的权限控制,我们会发现那样写有一个问题,就是权限控制写死在了项目中,并且没有实现与我们的业务逻辑解耦,当其他项目要使用权限控制时,要再重复写一遍权限控制的代码,因此我们很有必要将权限控制的功能开发成一个组件(可插拔)。   组件其实就是一个包,将一个与功能相关的代码...

225

ADS学习笔记 1. 功率放大器设计

基于ADS2023 update2的学习笔记1.功率放大器设计

u014087103的博客 1万+

红米k60 修复“NV损坏” 去除主板校验电阻步骤解析与图示

红米k60 基带代码:mondrian。搭载‌高通骁龙8+ Gen1处理器.国外版本称:POCO F5 Pro适用于以下型号的小米机型:23013RK75C, 23013PC75G。 💝💝💝通过博文了解 1💝💝💝-----此机型修复NV损坏硬件类操作主板图示 2💝💝💝-----了解设备出现NV损坏的底层逻辑 3💝💝💝 ------具体修改步骤

小马哥的专栏 393

Angular-xeditable 入坑记

今天搞了搞这个东西。。不得不抱怨angular被墙的太厉害不过我还是要留下网址 http://vitalets.github.io/angular-xeditable/ 这是API,蓝灯一开,就可以去上去看看API了,不过是英文的,angular你还想看中文的么,不要做梦了,所以为了我自己以后能看中文的所以我就自己写一篇笔记,这样一些平常的功能我就不用去读英文文档了,省事了好多。道友们中文福利来

不忘初心 5632

【AI Guide】AI面试攻略只用看这一篇就够了!力争做全网最全的AI面试攻略——大模型(五)Adapter 微调

Adapter 微调(Adapter Fine-tuning)是一种高效的参数高效微调(PEFT)方法。相较于全参数微调(Full Fine-tuning),Adapter 在预训练模型的特定层插入轻量级的可训练模块,而冻结原始模型参数,从而减少计算和存储开销。是缩放因子,控制 Adapter 输出的影响程度。设 Transformer 层的隐藏状态为。为 Adapter 层的可训练参数,为非线性激活函数,如 ReLU。为冻结的预训练模型参数,

AI科研社 184

jQuery插件——x-editable表单字段实时编辑)——getstart

参见官方文档:x-editable 官网 引入js、css文件 <linkhref="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"rel="stylesheet"> ...

choutanzu3300的博客 342

蓝牙EDR模式中GFSK调制如何过渡到DPSK调制

这两份文档片段揭示了蓝牙Modem设计中非常精深的部分。它的核心思想是:通过精心的脉冲形状设计和重叠,来保证幅度连续;通过在保护间隔内执行一套复杂的“相位平滑算法”(重复、斜率保持、寻找基准点、冻结),来保证相位连续。Figure 3-2 则是将这个思想用图形化的方式展现出来,说明了脉冲在时间轴上的对齐和叠加关系。这种设计确保了发射机能够严格符合蓝牙规范的要求,实现不同调制方式之间的平滑、无毛刺切换,从而保障了通信的可靠性和高效的频谱利用率。

m0_49540263的博客 283

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Django(11):后台管理系统

Django后台管理系统

qq_43745578的博客 4731

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

Django admin 常用配置项

Django框架内建的后台管理平台,已经可以有针对性地进行数据的管理操作了,但是在实际项目开发中需要进一步的优化处理,让数据的管理更加有利和有效

qq_42717671的博客 1304

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

基于AntDesign实现的React.js自定义可编辑表格,带翻译功能

基于React+AntDesign实现的一个自定义的可编辑表格,主要用于数据库表字段的编辑、带翻译功能,稍作修改后也可复用到其他地方。 主要包括三个文件:index.js,EditableTable.js,EditableTable.less,其中图标是使用的www.iconfont.cn上面的,接入了百度翻译的API 效果图: 具体代码如下 index.js: import React, { Component } from "react"; import EditableTable from "@/p

欢迎光临 2304

bootstrap editable初始化后表单可修改数据

function loadData() { var url = "${ctx }/sys/marketing/product/page"; $('#tablepager').bootstrapTable({ url: url, dataType: "json", pagination: true, //分页 singl...

yang18736086351的博客 2133

editable string 转_HTML5的form表单验证(提到了contenteditable)

form表单的验证有多种方式,主要有以下几种:浏览器端验证,服务器端验证,浏览器和服务器双重验证,AJAX技术认证。本文主要介绍浏览器端的表单验证。1、先来看看表单添加的表单验证属性:autocomplete: 值 on/off, 主流浏览器都支持 效果 输入过一次,再次输入会自动提示,既可用于整个表单也可用于单个表单控件。demo:required:设置表单为必填,IE9及以下...

weixin_27012987的博客 280

[odoo]去除Many2one字段的“创建并编辑”选项,防止用户误操作而重复创建记录

要去除Many2one字段的“创建并编辑”选项,只要在view.xml里对应的field定义里增加options="{'no_create_edit':1}即可

Bourne-Again 4545

Django——Xadmin中的功能

verbose_name menu_group list_display list_filter app_label exclude form

1.3秒前 7529

element表单元素无法编辑问题

可能由于组件嵌套太深 解决方法: vue: js:

一只程序喵 2481
上一篇: 用wizard导入excel数据
下一篇: 修改Many2One字段的链接打开方式
d_yang
博客等级 码龄18年 33粉丝 91原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值