jeecg编辑表单时有不想修改的表单项

最新推荐文章于 2024-07-30 16:01:07 发布

原创

最新推荐文章于 2024-07-30 16:01:07 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #jeecg

本文详细探讨了如何在前端表单中通过data属性和JSON判断来实现selectDisabled的动态禁用，包括设置初始状态、编辑操作中的状态切换以及使用$nextTick确保数据同步。实例展示了在Vue中如何结合环境记录判断启用/禁用环境输入框。

比如：
1.加:disabled=“selectDisabled”

<a-form-item label="环境名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input v-decorator="['envName']" placeholder="请输入环境名称" :disabled="selectDisabled"></a-input

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

米泽玄師

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue输入框/选择框新增状态可编辑，修改状态不可编辑

weixin_54446335的博客

04-09

1446

新增和编辑同页面，新增没有传参，修改状态不可编辑。在这里我用选择框举例。

jeecgboot实现值自增的方法

qq_28477985的博客

03-25

3270

jeecgboot实现值自增的方法前言一、字段不能自增的原因2.实现方法前言 jeecgboot的Online表单开发生成的代码中，表的字段需要手动输入值，才能存进数据库，无法实现自增的功能。下面一个简单的方法，通过将系统默认的主键id赋值给需要自增的字段，实现字段值无需手动输入而可以自增。如果重写Service层的实现类，则操作较为复杂。一、字段不能自增的原因前端输入实体类的属性值，传到controller的add方法，此时实体类的值中主键id是为空的（如下图所示），不能直接赋值给自增的字段。

参与评论您还未登录，请先登录后发表或查看评论

JEECG 新手常见问题大全，入门必读

weixin_30486037的博客

07-05

7615

大家还有什么问题，请跟帖，谢谢支持。。JEECG常见问题大全原文地址：http://t.cn/RvYsEF61. jeecg数据库脚本问题注意：jeecg3.5.2之前版本，不需要数据库脚本，程序会自动初始化数据库。从3.5.2+开始，需要手工执行SQL脚本，初始化数据库。2. Eclipse内存溢出2014-6-27 15:29...

jeecgboot 生产分享 1.关于popup参照作为查询条件（并且可以传参） 2.j-vxe-table 禁用指定单元格

qq_46804048的博客

11-03

2965

在子表的配置方法中对查询查询条件做处理主要处理 fieldExtendJson 字段 item.fieldExtendJson 是一个json字符串需要处理转为json对象原因 : 在Popup参照传参的过程中 (当前Popup参照绑定的传的值有这些其中红色框的就是我们传的值具体还需要根据不同的业务需求来决定要注意一下这个Key 是有带表名的) 然后参照传参的时候需要走这里 ...

几种设置表单元素中文本输入框不可编辑的方法总结

12-02

代码: 代码如下:<input type=”text” value=”fisker” onclick=”alert(this.value);” onfocus=”this.blur()” /> 输入框无法获得焦点，不能编辑表单可以获得值。可以复制。蛮奇怪的，都选住了，还没有获得焦点？ 2,readonly 代码: <input type=”text” value=”fisker” onclick=”alert(this.value);” readonly /> 输入框只读。不能编辑同样表单可以获得值。也可以复制。 3,disabled 代码: 代码如下:<input t

JEECG Online表单对外接口v3.7

04-04

JEECG（JavaEE Code Generate）是一个基于代码生成器的智能开发平台，它提供了可视化的在线表单设计与管理功能，并支持表单的对外接口，方便其他系统或应用程序进行调用和集成。JEECG Online表单对外接口版本v3.7为...

jeecg_3.7.1_online主子表列表风格模板升级包

07-09

jeecg_3.7.1_online主子表列表风格模板升级包jeecg_3.7.1_online主子表列表风格模板升级包jeecg_3.7.1_online主子表列表风格模板升级包jeecg_3.7.1_online主子表列表风格模板升级包jeecg_3.7.1_online主子表列表风格...

JEECG Online表单开发指南v3.7

04-25

### JEECG Online表单开发指南v3.7 #### 1. Online表单配置在JEECG智能开发平台中，Online表单配置是非常重要的一个环节，它可以帮助开发者快速搭建出符合需求的表单界面，并且具备良好的用户体验。本章节将详细...

精选资源

vue-form-component:一个可以动态生成表单项的form表单组件

05-11

此动态form表单是基于element-ui里的el-form表单基础上进行修改而来，它实现了新增表单项、删除表单项、表单验证和重置表单、表单提交等form表单所拥有的基本功能。原理分析：此form表单每一项绑定的值组成一个...

JVXETable中禁用某一行的解决方法

峰会路转的博客

06-17

4108

最近在使用jeecg做后台管理系统，遇到了jvxtable中需要禁用某一行的需求按照官网的demo写法，只是实现了所有的cell禁止编辑，禁止选中还是不行！相关的资料太少了，尝试了很多方法都为解决，于是找到了他们的框架底层 vxe-table传送门然后再我的组件里面增加了这个配置这样就实现了，禁用当前id这样的选中！！效果如第一张图片所示boot3框架内部demo却没有这么复杂，也实现了这个禁用某行的效果！不知道是哪个步骤的骚操作实现的，有知道的大神可以告知下，多谢了！！...

3-jeecg-boot前端组件——字段与列表混排的表单处理

fantoutou1的博客

12-11

2646

jeecg-boot前端组件——字段与列表婚拍的表单处理

【JEECG技术博文】简单实例讲解JEECG ONLINE表单权限控制（jeecg3.6）

iteye_14984的博客

12-23

417

简单实例讲解JEECGONLINE表单权限控制（jeecg3.6）原文：http://blog.itpub.net/30066956/viewspace-1872409/ 相关博文：http://blog.itpub.net/30066956/viewspace-1868754/ 作者：许国杰一、业务背景某公司要实现一个日志系统，用来了解员工的工作量饱和情况。二、需求 1、角色分...

jeecg权限控制

weixin_30312557的博客

10-24

323

1. 页面控件隐藏（录入、编辑、查看等） <t:dgToolBar title="录入" icon="icon-add" url="tbJiandingyuanRibaoController.do?goAdd" funname="add" operationCode="add"></t:dgToolBar> <t:dgToolBar title="编辑" icon=...

JEECG代码生成主副表关系时的问题bug

遇见bug的博客

06-26

1939

使用jeecg代码生成功能，主附表关系代码生成后的问题今天给大家分享一个使用Jeecg快速开发框架过程中遇到的一个问题。第一次写博客，功力不到，请多包涵使用jeecg快速开发平台已经一年多了，从还没毕业第一次接触JavaWeb开发就接触到这个平台，不得不说这个框架还是很强大，感觉这么长时间还是有很多的功能没有用到。1、...

jeecg-boot：Form表单

qq_34514388的博客

02-11

5326

业务需求：店铺基础信息展示，信息修改，button提交按钮业务分析： 1.店铺基础信息展示 form表单，Horizontal布局，getAction获取店铺信息 2.信息修改 input组件，v-model绑定表单数据 3.button提交按钮 httpAction提交表单数据 <template> <div class="shop-basicinfo-settin...

Jeecg 弹框点击自定义按钮，但触发“提交“按钮的问题

zfr_xuexiao66的博客

08-02

823

Jeecg 弹框点击自定义按钮，但触发"提交"按钮的问题

ant-design-vue的form表单全局禁用不生效

小马甲

01-01

3078

实际使用`ant-design-vue`在开发表单的时候或许会遇到编辑与查看的需求，但是查看的时候表单不允许编辑，`ant-design-vue`的官方是没有像`element`一样提供全局`disabled`属性的，但是我们对一个一个的`form-item`去添加又有一些麻烦，所以我使用了一个全局`css`属性才设置。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

jeecgboot以及antd表格设置表头分组不可编辑问题

lihengz的博客

07-30

475

此问题是我在开发的过程当中遇到的，而且我上网搜了很久没有找到这个问题的解决办法，所以我便自己搞了出来，希望我写的文章对于大家有帮助。

jeecgboot表单编辑时如何生成提示信息

最新发布

08-02

在JeecgBoot框架中，表单编辑时添加提示信息可以通过多种方式实现，具体方法包括使用表单控件的内置属性、结合数据字典配置以及自定义提示信息展示。以下是详细的实现方法： ### 使用表单控件的 `placeholder` 属性在表单编辑时，可以通过设置表单控件的 `placeholder` 属性来提供输入提示。例如，在使用 `<a-input>` 或 `<j-dict-select-tag>` 等组件时，可以在标签中直接设置 `placeholder` 属性，以指导用户输入或选择内容。例如： ```html <a-input v-model="model.fieldName" placeholder="请输入字段说明" /> ``` 或者在下拉框控件中添加提示信息： ```html <j-dict-select-tag type="list" v-model="model.mdType" dictCode="projectype" placeholder="请选择项目类型" /> ``` 该方式适用于简单的输入提示，能够直接在控件中展示提示信息[^2]。 ### 利用数据字典配置提示信息 JeecgBoot 支持通过数据字典（dictCode）来动态获取数据并展示提示信息。例如，在配置下拉框控件时，可以通过指定 `dictCode` 参数来获取数据字典中的值，并在表单中展示对应的提示信息。这种方式适用于需要动态加载数据并提供描述性提示的场景。例如： ```html <j-dict-select-tag type="list" v-model="model.mdType" dictCode="projectype" placeholder="请选择项目类型" /> ``` 通过配置 `dictCode`，可以将数据字典中的值绑定到表单控件中，并在用户选择时显示相应的提示信息[^2]。 ### 自定义提示信息展示对于更复杂的提示需求，可以通过自定义 HTML 或 Vue 组件来实现。例如，可以在表单控件旁边添加一个图标或文字提示，当用户悬停或点击时显示详细说明。具体实现可以通过添加 `<a-tooltip>` 组件来实现： ```html <a-tooltip title="请输入项目的详细描述"> <a-input v-model="model.description" placeholder="请输入项目描述" /> </a-tooltip> ``` 此方法适用于需要提供详细说明或复杂交互提示的场景，能够增强用户体验[^1]。 ### 结合表单验证规则添加提示信息 JeecgBoot 的表单验证机制也支持在验证失败时显示提示信息。可以通过配置表单模型的验证规则（`rules`）来定义提示内容。例如： ```javascript rules: { fieldName: [ { required: true, message: '请输入字段说明', trigger: 'blur' } ] } ``` 在表单提交时，如果字段未填写，系统会自动弹出提示信息，提示用户需要填写的内容。这种方式适用于需要强制用户输入或选择的场景[^3]。 ### 综合应用在实际开发中，可以根据具体需求选择合适的方法。例如，对于简单的输入框，可以使用 `placeholder` 或 `a-tooltip` 提供提示；对于下拉框控件，可以结合 `dictCode` 和 `placeholder` 提供动态提示；而对于需要强制输入的字段，则可以通过表单验证规则来展示提示信息。