jQuery MiniUI

标题: tab栏动态添加表单问题 [打印本页]

作者: liuyuedegm 时间: 2024-7-9 11:20:23 标题: tab栏动态添加表单问题

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 时间: 2024-7-11 09:10:27

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

作者: liuyuedegm 时间: 2024-7-11 09:56:38

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

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

作者: felt 时间: 2024-7-22 09:07:49

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

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

作者: liuyuedegm 时间: 2024-7-26 10:16:36

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

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)