更改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

Bootloader详解,理解Bootloader看这篇就够了

这里写目录标题一、Bootloader作用(目的)二、完成Boot最终目的的前提条件三、对前提条件的详细说明3.1、对前提条件(1)的说明:3.2、对前提条件(2)的说明:3.3、对前提条件(3)的说明:3.4、对前提条件(4)的说明:3.4、对前提条件(5)的说明:四、loader是干啥的 一、Bootloader作用(目的) Bootloader=Boot + loader Boot的目的: 最终目的:跳到C语言中;为了C语言运行程序会进行一系列的初始化,系统一上电后如何通过一系列的设置让软件程序员

iduuigdg的博客 11万+

2022-2028年全球与中国玄武岩连续纤维(BCF)行业深度分析

本文研究全球与中国市场玄武岩连续纤维(BCF)的发展现状及未来发展趋势,分别从生产和消费的角度分析玄武岩连续纤维(BCF)的主要生产地区、主要消费地区以及主要的生产商。重点分析全球与中国市场的主要厂商产品特点、产品规格、不同规格产品的价格、产量、产值及全球和中国市场主要生产商的市场份额。 主要生产商包括: Kamenny Vek TESPE Mafic Technobasalt Russian Basalt ISOMATEX SA Sudaglass Basalt Fiber INNEGRA LAVAint

Fj69258的博客 615

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

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

weixin_30819085的博客 1087

uds协议之can总线程序升级

uds协议简介 如何利用uds协议升级 升级流程 uds服务类型介绍

fangye945a的博客 1万+

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

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

225

深入浅出之CSPBlock模块(YOLO)

YOLO CSPX模块是YOLO系列算法中的一个重要组成部分,它通过跨阶段部分连接的方式减少了计算量,同时保证了模型的准确率。在YOLOv4及后续版本中,CSPX模块被广泛应用于主干网络和Neck结构中,为模型提供了强大的特征提取和融合能力。

浩瀚之水的专栏 6754

YOLO11多个点组合创新:GC10-DET缺陷检测 | DCNv4结合SPPF+11Detect创新性结合

DCNv4结合SPPF+11Detect创新性结合,原始mAP50为0.633 提升至0.651

①答疑群聊服务;②YOLO大模型知识问答系统;③计算机视觉论文生成智能体; 1290

Angular-xeditable 入坑记

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

不忘初心 5632

支付宝域名如何加入白名单(扫码老是弹窗)

支付宝扫码之后,遇到非支付宝官方网页,请确认是否继续访问弹窗,问题解决办法。本章教程提供解决办法,亲测有效。

猿小白的博客 9195

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

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

choutanzu3300的博客 342

QT应用编程: Win10系统下QT5.12搭建Android开发环境(配件齐全)

在win10系统下,搭建QT5.12.6 的Android开发环境。

7688

RK3568 上C图像camera图像采集应用实例(二)

本文探索rk3568上实现C语言的 通过C v4l2 接口 采集图像 ,刷屏控制 drm的显示camera图像中 实现camera preview 预览 的实践和探索。

luoshanxuli2010的专栏 760

Django(11):后台管理系统

Django后台管理系统

qq_43745578的博客 4731

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

Django admin 常用配置项

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

qq_42717671的博客 1304

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

基于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

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

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、付费专栏及课程。

余额充值