Skip to content
On this page

rowHandle

  • 说明: 操作列配置
  • 类型: Object

更多配置请参考FsRowHandle
支持 el-table-column / a-table-column 配置

对应ui组件的table-column的配置

  • 支持: el-table-column / a-table-column / n-table-column的配置
  • 配置: 具体配置请根据你使用的ui库,前往对应ui库的文档查找相应组件的配置
  • 示例:
json
{ //crudOptions
  rowHandle: {
      align: 'center' //文本居中
  }
}

show

buttons

json
{ //crudOptions
  rowHandle: {
    buttons: {
      view:{
          ...FsButton, // FsButton的配置,可以修改文本、颜色,也可以修改成图标按钮、纯文本按钮等
          order:1, //排序号,越小则排前面,默认值1
          show:true, 
          dropdown:false,//是否折叠此按钮,当配置为true,将会收起到dropdown中
          //点击事件,点击此按钮会触发此方法
          //此处的查看按钮如果不配置默认打开查看对话框
          click:(context)=>{} 
      },
      edit:{order:1}, //编辑按钮
      remove:{order:1},//删除按钮
      custom:{},//自定义按钮,可以任意命名,任意数量
    }
  }
}
  • 说明:按钮折叠配置,当按钮配置了dropdown=true时,将会被折叠
  • 类型:Object
  • 示例: antdv版element版
json
{ // rowHandle.dropdown
  dropdown: {
    atLeast: 2, //当按钮大于2个时,多余的按钮将会被折叠,[注意:此参数将在1.x版中废弃]
    more: {...FsButton}//'更多'按钮的配置
    //此处支持el-dropdown,a-dropdown的配置
  }
}

WARNING

dropdown.atLeast 将在1.x版中废弃

group

  • 说明:按钮分组配置
  • 类型:Object
  • 示例: 请参考行编辑,点击编辑时,会切换到保存取消按钮组,点击保存或取消,则切换回编辑删除按钮组
json
{ // rowHandle
  group: {
    yourGroupKey: {
      buttonKey1: {}, //按钮配置
      buttonKey2: {}
    }
  }
}

active

  • 说明:当前激活哪个分组,与上面的 group配合使用,切换一组按钮
  • 类型:string
  • 默认:'default',代表当前激活的是rowHandle.buttons里面配置的按钮组