layui tableEdit 动态表格中如何动态改变下拉框（包含单选多选）以及日期框的值

使用layui的三方包tableEdit，如何动态改变下拉框（包含单选多选）以及日期框的值

img

img

如上图，我想表单中的时间改变后，在下方表格中的日期选择信息也能改变。同理，若表单中下拉框选择变化，则表格中弹出多选框中的选项也能改变。
当前就是不知道如何重载这些数据
使用如下方式重载无效

table.reload('dataTable', {
        data: Data
});

目前部分代码如下：

    var parahttps://img-mid.csdnimg.cn/release/static/image/mid/ask/919669540286160.png "#left")
    params = NewParams();  //为了动态获取多选下拉框值
    // 任务管理
    tableIns = table.render({
        elem: '#dataTable',
        id: 'dataTable',
        data: [],
        text: {none: '无数据，去添加一行~'},
        limit: 100,
        toolbar: '#todo',
        defaultToolbar: [],
        cols: [[
            {type: 'checkbox', unresize: true},
            {field: 'taskname', title: '任务', event: 'taskname',
                config:{'type':'input'}
            },
            {field: 'begin_date', title: '开始日期', event: 'begin_date', width: 80,
                config:{type:'date',dateType:'date',min:'',max:''}
            },
            {field: 'end_date', title: '结束日期', event: 'end_date', width: 80,
                config:{type:'date',dateType:'date',min:'',max:''}
            },
            {field: 'pic', title: '负责人', event: 'pic',
                config:{type:'select',data:params,enabled:true},
                templet:function(d){
                    var str = [];
                    d.pic.forEach(function (e) {
                        str.push(e.value)
                    });
                    return str.join(',');
                }
            }
        ]],
        done: function (res) {

        }
    });

    var aopTable = tableEdit.aopObj(tableIns.config.cols); //获取一个aop对象
    aopTable.on('tool(dataTable)',function (obj) {
        var field = obj.field; //单元格字段
        var value = obj.value; //修改后的值
        var data = obj.data; //当前行旧数据
        var event = obj.event; //当前单元格事件属性值
        var update = {};
        update[field] = value;
        //把value更新到行中
        obj.update(update);
    });

在您的项目中安装layui和tableEdit。npm install layui tableEdit --save
在您的项目中引入所需的库。


```java
import 'layui/dist/layui.css';  
import 'layui/dist/layui.js';  
import 'tableEdit/src/tableEdit.css';  
import 'tableEdit/src/tableEdit.js';  
import 'tableEdit/src/tableEdit.less';  
import 'tableEdit/src/tableEdit.less';  
import 'tableEdit/src/tableEdit.vue';




<template>  
  <div class="container">  
    <table-edit  
        :data="tableData"  
        :options="tableOptions"  
        :props="tableProps"  
        @change="onTableChange"  
        @row-change="onRowChange"  
        @row-click="onRowClick"  
        @row-double-click="onRowDoubleClick"  
        @row-drag-begin="onRowDragBegin"  
        @row-drag-end="onRowDragEnd"  
        @row-drop="onRowDrop"  
        @row-drag-over="onRowDragOver"  
        @row-drag-out="onRowDragOut"  
        @row-sort="onRowSort"  
        @sort-change="onSortChange"  
        @sort-click="onSortClick"  
        @sort-double-click="onSortDoubleClick"  
        @sort-drag-begin="onSortDragBegin"  
        @sort-drag-end="onSortDragEnd"  
        @sort-drag-over="onSortDragOver"  
        @sort-drag-out="onSortDragOut"  
        @sort-sort="onSortSort"  
        @sort-click="onSortClick"  
        @sort-double-click="onSortDoubleClick"  
        @sort-drag-begin="onSortDragBegin"  
        @sort-drag-end="onSortDragEnd"  
        @sort-drag-over="onSortDragOver"  
        @sort-drag-out="onSortDragOut"  
        @sort-sort="onSortSort"  
        @sort-click="onSortClick"  
        @sort-double-click="onSortD

```