jQuery MiniUI

标题: 动态生成控件 [打印本页]

作者: gaofq 时间: 2021-9-1 15:12:33 标题: 动态生成控件

现在miniui的动态生成控件，有没有可参考的例子？

作者: felt 时间: 2021-9-1 15:17:55

var textbox = new mini.TextBox()
textbox.set({
borderStyle: "border:1px solid red"
})
textbox.render(document.body)

复制代码

作者: gaofq 时间: 2021-9-1 17:41:51

felt 发表于 2021-9-1 15:17

加到div里面怎么写

作者: felt 时间: 2021-9-1 17:58:14

gaofq 发表于 2021-9-1 17:41
加到div里面怎么写

control.render(dom)

作者: gaofq 时间: 2021-9-1 18:13:55

felt 发表于 2021-9-1 17:58
control.render(dom)

大佬，有没有相关的案例，有点看不懂

作者: felt 时间: 2021-9-2 08:59:58

gaofq 发表于 2021-9-1 18:13
大佬，有没有相关的案例，有点看不懂

control.render(dom)
dom //你要渲染控件的dom元素，比如你这div，就document.getElementById(id)

作者: gaofq 时间: 2021-11-2 19:12:01

felt 发表于 2021-9-2 08:59
control.render(dom)
dom //你要渲染控件的dom元素，比如你这div，就document.getElementById(id) ...

mini.TextBox()搞定了，请问mini.ComboBox()为什么生成后无法选择，是我哪里设置有问题？
代码：
var combobox = new mini.ComboBox();

         combobox.set({
            id: "S" + id,
            multiSelect : isMultiSelect,
            value : defaultValue
         })

         if (url) {
            combobox.load(url);
         }

作者: felt 时间: 2021-11-3 08:54:27

gaofq 发表于 2021-11-2 19:12
mini.TextBox()搞定了，请问mini.ComboBox()为什么生成后无法选择，是我哪里设置有问题？
代码：
var com ...

无法选择，下拉表格有出来吗？

作者: gaofq 时间: 2021-11-3 09:27:05

本帖最后由 gaofq 于 2021-11-3 09:30 编辑

felt 发表于 2021-11-3 08:54
无法选择，下拉表格有出来吗？

截图圈出来的是生成的ComboBox，无法点击，下拉也出不来

作者: felt 时间: 2021-11-3 09:43:33

gaofq 发表于 2021-11-3 09:27
截图圈出来的是生成的ComboBox，无法点击，下拉也出不来

[attach]13416[/attach]
单独试一下

你那看起来图标都不是combobox，还有是不是页面上有其他弹出层影响了下拉的弹出

作者: gaofq 时间: 2021-11-3 10:24:38

felt 发表于 2021-11-3 09:43
单独试一下

你那看起来图标都不是combobox，还有是不是页面上有其他弹出层影响了下拉的弹出

刚试了，好像不行，不知道是啥原因

作者: felt 时间: 2021-11-3 10:36:26

gaofq 发表于 2021-11-3 10:24
刚试了，好像不行，不知道是啥原因

做例子发上来

作者: gaofq 时间: 2021-11-3 14:33:35

felt 发表于 2021-11-3 10:36
做例子发上来

案例已上传，请大佬帮忙看下

作者: felt 时间: 2021-11-3 14:56:11

gaofq 发表于 2021-11-3 14:33
案例已上传，请大佬帮忙看下

使用错误。

动态添加，
1 new控件，render添加进dom
2 拼接字符串，加入dom，然后调用mini.parse()解析

if (type == "mini-combobox") {
var url=""
if (url) {
url = 'url="' + url + '"';
}
var combobox = '<input class="mini-combobox" id="S' + id + '" multiSelect="' + isMultiSelect + ' value="' + defaultValue + '" ' + url + '/>'
control = combobox
}

复制代码

作者: gaofq 时间: 2021-11-3 15:31:51

本帖最后由 gaofq 于 2021-11-3 15:33 编辑

felt 发表于 2021-11-3 14:56
使用错误。

动态添加，

案例里面是可以正常显示，但实际项目里面控件无法显示出来，这是什么原因呢？

作者: felt 时间: 2021-11-3 15:56:12

gaofq 发表于 2021-11-3 15:31
案例里面是可以正常显示，但实际项目里面控件无法显示出来，这是什么原因呢？
...

都没解析成控件，html方式添加，请添加完调用mini.parse解析。

作者: gaofq 时间: 2021-11-3 16:02:51

felt 发表于 2021-11-3 15:56
都没解析成控件，html方式添加，请添加完调用mini.parse解析。

可以了，谢谢大佬

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