子表单表格组件按钮配置

按钮onclick配置

点击按钮操作当前表格的当前行或者其他行,进行 取值,赋值,显示,隐藏,禁用等操作.
onClick参数结构:

function click(scope, api) {
  //当前作用域信息
  const { row rowRule,rowRules,rowIndex} = scope;
  //api 当前表单操作api

  // scope中获取rowRule
  //当前行 row用template标签包裹的rule
  const rowRule = scope.rowRule;  
  //全部行 row用template标签包裹的rule
  const rowRules = scope.rowRules;
}

rowRule结构

{
    type:'template'
    children:[
        {
            type:'tempalte',
            children:[
                {
                    type:'input'
                    value:'xx',
                    hidden:false,
                    props:{
                        disabled:false,
                    }
                }
            ]
        }
    ]
}

设置整个行的值

//设置第1行f1的值
api.setChildrenFormData(rowRule,{f1:'f1 valuexxx'});

//设置第4行f1的值
api.setChildrenFormData(rowRules[3],{f1:'第4行  f1 value'});

获取整个行的值

//当前行的值 {f1:'f1 value',f2:'f2 value '}
const currentRowValue = api.getChildrenFormData(rowRule);
//第4行的值 {f1:'第4行  f1 value',f2:'第4行 f2 value '}
const currentRowValue = api.getChildrenFormData(rowRules[3]);

获取/操作单个单元格属性

禁用,赋值,取值,隐藏

方法1

conost columnIndex = 0 ;
//当前行第一列
const rule = rowRule.children[columnIndex].children[0];
rule.value;//获取值
rule.value='直接set rule.value'; //赋值
rule.hidden=!rule.hidden; //隐藏切换
rule.props.disabled=!rule.props.disabled; //禁用切换

方法2

const rowRuleList = api.getChildrenRuleList(scope.rowRule);
rowRuleList.forEach(rule=>{
    if(rule.field === 'f1') {
        rule.value;//获取值
        rule.value='valuexxx foreach';//赋值
        rule.hidden = !rule.hidden;//隐藏切换
        rule.props.disabled = !rule.props.disabled;//禁用切换
    }
});