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

最近在使用jeecg做后台管理系统,遇到了jvxtable中需要禁用某一行的需求
在这里插入图片描述
按照官网的demo写法,只是实现了所有的cell禁止编辑,禁止选中还是不行!相关的资料太少了,尝试了很多方法都为解决,于是找到了他们的框架底层
在这里插入图片描述
vxe-table传送门
在这里插入图片描述
然后再我的组件里面增加了这个配置

 <JVxeTable socketKey="formOnline" resizable row-number ref="tableRef1" toolbar dragSort sortKey="sortNum"
            rowSelection :maxHeight="580" :columns="dataBaseColumns" :dataSource="dataSource" :checkboxConfig="{
                range: true,
                checkMethod: ({ row }) => {
                    return row.dbFieldName != 'id'
                }
            }" :disabledRows="{ dbFieldName: ['id'] }" :cell-class-name="cellClassName2" @added="getNewData"
            @cell-click="cellClickEvent2" @removed="handleRemove">

在这里插入图片描述
这样就实现了,禁用当前id这样的选中!!效果如第一张图片所示

boot3框架内部demo却没有这么复杂,也实现了这个禁用某行的效果!不知道是哪个步骤的骚操作实现的,有知道的大神可以告知下,多谢了!!
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要指定 Bootstrap Table 的某一行某一列启用编辑,可以使用 x-editable 插件的 `data-pk`、`data-name` 和 `data-value` 属性。具体步骤如下: 1. 在 Bootstrap Table 的列定义,为需要启用编辑的列添加 `data-editable="true"` 属性,如下所示: ```html <th data-field="name" data-editable="true">Name</th> <th data-field="email">Email</th> <th data-field="phone" data-editable="true">Phone</th> ``` 2. 在 Bootstrap Table 的每一行,为需要启用编辑的单元格添加 `data-pk`、`data-name` 和 `data-value` 属性,如下所示: ```html <tr> <td data-pk="1" data-name="name" data-value="John" class="editable">John</td> <td data-pk="1" data-name="email" data-value="[email protected]">[email protected]</td> <td data-pk="1" data-name="phone" data-value="123456789" class="editable">123456789</td> </tr> <tr> <td data-pk="2" data-name="name" data-value="Jane" class="editable">Jane</td> <td data-pk="2" data-name="email" data-value="[email protected]">[email protected]</td> <td data-pk="2" data-name="phone" data-value="987654321" class="editable">987654321</td> </tr> ``` 其,`data-pk` 属性指定行的唯一标识,`data-name` 属性指定需要编辑的列名,`data-value` 属性指定单元格的初始值。 3. 使用 x-editable 插件初始化可编辑单元格,如下所示: ```javascript $('.editable').editable({ type: 'text', url: '/post', title: 'Enter value', pk: $(this).data('pk'), name: $(this).data('name'), value: $(this).data('value') }); ``` 其,`type` 属性指定编辑控件的类型,如文本框、下拉框等,`url` 属性指定更新数据的 URL,`title` 属性指定编辑框的标题,`pk`、`name` 和 `value` 属性从对应的单元格获取。 这样,指定的行和列就可以启用编辑了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值