tab栏动态添加表单问题

liuyuedegm

var tabs = mini.get(tabsName);
    var tab = tabs.getTab(index);
    var tabName = tab.title.replace(/\（.*?\）/g, '');
    var baseNumber = tabs.tabs.filter(obj => obj.hasOwnProperty("title") && obj["title"].indexOf(tabName)>=0).length;
    var obj = {title: tabName + "" + (baseNumber + 1), showCloseButton: true};
    obj = tabs.addTab(obj);            
    var body = tabs.getTabBodyEl(tab);
    var el = tabs.getTabBodyEl(obj);
    body = body.outerHTML.replace(/.base./g,".base["+baseNumber+"].");
    body = body.replace("ajgxForm","ajgxForm"+baseNumber+"");
    el.innerHTML = body.replace("none","");

   setTabsStyle(params.index-1, tabName + "" + (baseNumber + 1), tabsName, false, null);
   mini.parse()

   var form = new nui.Form("#ajgxForm1");

   console.log('mini form', form.getData(false,true))

主要初始化的时候有几个默认tab栏，现在想实现动态添加相同得tab并且使用默认tab的内容，tab的内容复制到新的tab上面，会出现相同得form（ajgxForm）获取不到值，必须得唯一，然后就是表单中的时间组件、下拉框组件等点击没有弹出框

felt

MiniUI控件是复杂的html结构，不好直接拷贝的，加入未解析的html片段来动态生成，而不是去拷贝页面已有的结构。

liuyuedegm

felt 发表于 2024-7-11 09:10
MiniUI控件是复杂的html结构，不好直接拷贝的，加入未解析的html片段来动态生成，而不是去拷贝页面已有的结 ...

一个页面同时复用同一个表，展示不同的数据，需要写两份表单代码吗？

felt

liuyuedegm 发表于 2024-7-11 09:56
一个页面同时复用同一个表，展示不同的数据，需要写两份表单代码吗？

动态写的话一份就行
var  s='<div ....';
$(dom).append(s);
mini.parse()

liuyuedegm

felt 发表于 2024-7-22 09:07
动态写的话一份就行
var  s='

行吧，这样是可以，就是太麻烦了，要一个个拼接，所以想问问有没有更好的办法