12-9每日博客

  昨天记录的是表格的操作，类似的修改表格中的某一个字段也可以用同样的思路实现，这里在说一下其中的组件，另一个我比较喜欢的就是弹出窗口的组件，这个组件可以打开一个html网页或者手动嵌入html代码，就比如我最近做的这个，点击数据集的名称就会弹出一个页面，里面是一个表格，显示这个数据集的内容，我的实现步骤如下：

首先给数据集名称那一列表格添加点击事件：

{field: 'tabname', title: '数据名称' ,align: 'center',event: 'showAllData'}
然后调用一个js方法，这个方法中包含layui组件中的弹出窗口的方法：

function showThisDataTab(name,size){
  layer.open({
    type: 2,
    area: ['1000px', '700px'],
    title: name,
    fixed: false, //不固定
    maxmin: true,
    content: 'showAllData.html?tabname='+name+"&size="+size,
    success: function (layero, index) {
      var body = layer.getChildFrame('body', index);
      body.find("[name='tabname']").val(name);
    }
  });
}

然后我的思路是将这个数据集的名称或者id传递给要打开的那个html网页，在那个网页中在调用一个数据表格，请求后台并得到数据库的数据，

  const paramsStr = window.location.search
  const params = new URLSearchParams(paramsStr)
  var tabname=params.get('tabname')
  var size=params.get('size');
这个就是先获取表名，然后再调用数据表格传递这个表名这个参数即可