Vben Admin—— vben admin , ant design vue, vben admin 中 BasicTable,自定义设置特定条件下的行禁止选择

参考文档:
vben admin——Table
ant design vue——table

切入点 rowSelection 选择列配置
找源码:

1、BasicTable.vue
重点代码:

v-bind="getBindValues"
rowSelection: unref(getRowSelectionRef);
const {
  getRowSelection,
  getRowSelectionRef,
  getSelectRows,
  clearSelectedRowKeys,
  getSelectRowKeys,
  deleteSelectRowByKey,
  setSelectedRowKeys,
} = useRowSelection(getProps, tableData, emit);
useRowSelection;

2、useRowSelection.ts
重点代码:

getRowSelectionRef();

重点:onChange()、getCheckboxProps()、onSelect() 这三个函数

const getRowSelectionRef = computed((): TableRowSelection | null => {
  const { rowSelection } = unref(propsRef);
  if (!rowSelection) {
    return null;
  }

  return {
    selectedRowKeys: unref(selectedRowKeysRef),
    hideDefaultSelections: false,
    // 	选中项发生变化时的回调
    onChange: (selectedRowKeys: string[]) => {
      setSelectedRowKeys(selectedRowKeys);
      // selectedRowKeysRef.value = selectedRowKeys;
      // selectedRowRef.value = selectedRows;
    },
    //选择框的默认属性配置:如可设置是否可选
    getCheckboxProps: (record) => {
      return {
        disabled: false, // Column configuration not to be checked
      };
    },
    // 用户手动选择/取消选择某列的回调
    onSelect: (...args) => {
      return { ...args };
    },
    ...omit(rowSelection, ["onChange"]),
  };
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值