@lambo-design/edit-table v1.0.0-beta.13

可编辑表格

用于对结构化数据的编辑

API

表格属性

表格事件

表格插槽

实例方法

列属性

列描述数据对象，是columns中的一项

编辑器

文本编辑器

{
  type:"text",
  //校验函数,参数分别为：新值、旧值、行数据、行号
  validate:function(newVal,oldVal,row,index){
    if(newVal.trim() == ""){
      return{
        valid:false,
        msg:"输入不能为空！"
      }
    }
    return{valid:true}
  },
  //文本编辑器的回调事件一般不需要用，除非你有更改此单元格值以外的其他需求
  //选择框的回调方法，参数为selectData：用户选择数据,rowIndex：行索引,columnKey 列索引
  callbackEvent:"on-name-change"
}

下拉框编辑器

{
  type:"select",
  enums:[{"value":"1","label":"男"},{"value":"0","label":"女"}],
  //下拉框编辑器的回调事件一般不需要用，除非你有更改此单元格值以外的其他需求
  //选择框的回调方法，参数为selectData：用户选择数据,rowIndex：行索引,columnKey 列索引
  callbackEvent:"on-sex-change"
}

选择框编辑器

{
  type:"helpbox",
  //选择框的url
  url:"/helpbox/organ/list",
  //选择框的列描述，更详细的参数请参考表格列属性说明
  columns:[
    {
      title: '编号',
      key: 'organizationId',
      sortable: "custom"
    },
    {
      title: '组织名称',
      key: 'name'
    },
    {
      title: '组织描述',
      key: 'description'
    }
  ],
  //帮助框的标题
  title:"组织选择帮助框",
  //选择框的回调方法，参数为selectData：用户选择数据,rowIndex：行索引,columnKey 列索引，建议在此回调方法里自己写更新表格数据的逻辑
  callbackEvent:"on-organ-changed"
}