起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1675|回复: 5

[结贴] 动态生成list里面的组件

[复制链接]

119

主题

284

帖子

752

积分

高级会员

Rank: 4

积分
752
QQ
发表于 2017-2-26 13:29:18 | 显示全部楼层 |阅读模式
创建方法没问题
var cfg = {
                                 xid: 'list1',
                                 autoLoad: true,
                                 data: 'mainData',
                                 template: innertext,
                                 parentNode: pmode
                                 };
             new List(cfg);

问题是,我要动态的在list 创建所有类型的显示组件,例如, button  input  select
我看了网上很多帖子。 最后想这么做
Model.prototype.list5AfterRender = function(event){
        //渲染事件中,创建组件,但是我没法得到当前的这行list 行号。我就没法,把组件动态的添加到当前行里面,请问,如何得到当前行行号呢
        var a =event.bindingContext.$object;
        event.bindingContext.$object.index()  这种方法不好用
发表于 2017-2-27 11:27:54 | 显示全部楼层
不好!
我提供一种方法!欢迎借鉴!
在list中,将 button  input  select 全部放置上!然后通过bind-if 绑定一个data字段!判断这个字段的值来决定这个组件是否需要动态生成??
比如 字段为1就是生成,否则就不生成

如果还想动态控制显示于隐藏,还可以使用bind-visible属性实现!

没必要自己写js动态创建组件!这样比较麻烦!可以参考下:
http://bbs.wex5.com/forum.php?mo ... 2&pid=165229364
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

119

主题

284

帖子

752

积分

高级会员

Rank: 4

积分
752
QQ
 楼主| 发表于 2017-2-27 13:15:46 | 显示全部楼层
liangyongfei 发表于 2017-2-27 11:27
不好!
我提供一种方法!欢迎借鉴!
在list中,将 button  input  select 全部放置上!然后通过bind-if 绑 ...

1 在list中,将 button  input  select 全部放置上!  然后通过bind-if 绑定一个data字段!判断这个字段的值来决定这个组件是否需要动态生成??  

不太懂,既然 设计阶段button  input  select 全部放置上!   还怎么说动态生成??   
2 设计阶段放置好这些组件了,我的绑定字段是变化的,怎么处理呢
回复 支持 反对

使用道具 举报

发表于 2017-2-27 14:28:26 | 显示全部楼层
1134193618 发表于 2017-2-27 13:15
1 在list中,将 button  input  select 全部放置上!  然后通过bind-if 绑定一个data字段!判断这个字段 ...

1.比如input 组件放在list中某个div上!在div的bind-if属性上判断这个字段的值是否符合条件,
比如:val('字段') ==1

那么这个div里面的dom节点(button 组件)只有在符合条件的时候才会生成!否则运行时就没有这个dom节点的!这也是动态生成啊!

2.如果字段变化!不需要页面立即生效!而是下一次打开页面的时候才生效的!那么就使用bind-if  如果是立马生效,请使用bind-visible属性可以!

这两个的区别就是,一个是没有生成dom节点!另一个是生成了!但是隐藏了!当字段变化后就可以立马显示!

动手试试就知道了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

119

主题

284

帖子

752

积分

高级会员

Rank: 4

积分
752
QQ
 楼主| 发表于 2017-2-28 09:34:08 | 显示全部楼层
liangyongfei 发表于 2017-2-27 14:28
1.比如input 组件放在list中某个div上!在div的bind-if属性上判断这个字段的值是否符合条件,
比如:val( ...

思路清楚了,非常感谢您的耐心解答!!!
回复 支持 反对

使用道具 举报

119

主题

284

帖子

752

积分

高级会员

Rank: 4

积分
752
QQ
 楼主| 发表于 2017-3-23 11:24:58 | 显示全部楼层
1134193618 发表于 2017-2-28 09:34
思路清楚了,非常感谢您的耐心解答!!!

生成list之前,我的list组件里面的字段不确定,因为是动态读取数据库的的字段生成的
怎么在每个  在list中,将 button  input  select 全部放置上呢。  

注意: 我是做平台设计,不是针对某个项目的设计。所以未来无论是数据表还是对应的字段都是动态添加的。
我想如何把动态添加上的字段,显示在list上,并可编辑。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-5 04:51 , Processed in 0.061936 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表