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

QQ登录

只需一步,快速开始

楼主: 千里之外2

[分享] 第一个wex5应用的编程过程

[复制链接]

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-4 11:35:25 | 显示全部楼层
困惑我两天的一个问题: 把静态数据改成动态数据后image设置不成功?
http://bbs.wex5.com/forum.php?mo ... 3%E5%89%8D%E8%A1%8C
问题:在list下的media里的image下的bind-attr-src属性,与路径装换函数的设置。一致不成功?
  错误:没有在list上挂data.所以代表当前行的$object一直是错误。
路径装换:Model.prototype.getImageUrl = function(url) {
                //return require.toUrl(url);
                return require.toUrl(url.val('fImg'));//media组件的demo里的js代码
        };
解决:
在list上挂上data,在bind-attr-src中,就可以看到当前行的提示了,用当前行的值也可,用当前行,然后再js中再取值,再装换也行。
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-4 18:54:24 | 显示全部楼层
openPageClick
Model.prototype.openPageClick = function(event) {
                /*
                 * 1、点击组件增加算定义属性:pagename 2、获取自定义属性,打开 对应页面
                 */
                var pageName = event.currentTarget.getAttribute('pagename');
                if (pageName)
                        justep.Shell.showPage(require.toUrl(pageName));
        };
方法中的参数“pagename”,在td组件的自定义属性中定义。
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-4 20:13:13 | 显示全部楼层
路径选择:
1.一个点,代表同级目录
2.两个点代表上级目录

在路径转换方法里,可以使用拼接的方式,修改路径:
// 图片路径转换
        Model.prototype.getImageUrl = function(row) {
                //return require.toUrl(row);
                 return require.toUrl("."+row.val('fImg'));//media组件的demo里的js代码
        };
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-5 23:23:50 | 显示全部楼层
x-popOver 组件,有视频教程,也有demo
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 10:19:51 | 显示全部楼层
想系统了解一下 X5对象和JS对象和JQ对象的转换 ...

x5对象获取方法是this.comp('组件xid');这个是平台自己封装的对象!提供的方法和属性请参考组件的API文档!
js对象和jQuery对象,请上网查询吧!js是原生对象!jQuery也是把js对象封装了一下,提供了更简单还用的API 方法而已
另外关于$object等各个变量的含义,建议看下视频:http://pan.baidu.com/s/1hqlBoC8
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 10:21:25 | 显示全部楼层
ucard这个是什么组件,不是平台的组件是不能用this.comp()方法的。可以用this.getElementByXid()
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 10:24:36 | 显示全部楼层
求教,如何获取当前事件的组件的xid
http://bbs.wex5.com/forum.php?mod=viewthread&tid=76881
(出处: 起步软件技术论坛)
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 10:41:49 | 显示全部楼层
popover组件的使用:
组件设计利用,右键“显示”或“隐藏”,打开界面后设计样式,布局
在show,hide的时候,有同时判断其他popover的状态,同时关闭
Model.prototype.TotalbuttonClick = function(event){
                //alert("ok");
                //this.comp("TotalpopOver").show();
                //this.comp(TotalData))
               
                if ($(this.comp("TotalpopOver").$domNode).css("display") == "block") {
                        this.comp("TotalpopOver").hide();
                } else {
                        this.comp("TotalpopOver").show();
                }

                if ($(this.comp("screeningPopOver").$domNode).css("display") == "block") {
                        this.comp("screeningPopOver").hide();
                }
               
                if ($(this.comp("sortingPopOver").$domNode).css("display") == "block") {
                        this.comp("sortingPopOver").hide();
                }
        };

不然会从影。
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 11:20:02 | 显示全部楼层
在popover中,设计时显示的是个象限,代表的是popover的停靠方向属性
回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
 楼主| 发表于 2016-8-6 18:57:54 | 显示全部楼层
require.toUrl的一个问题
http://bbs.wex5.com/forum.php?mod=viewthread&tid=82807
(出处: 起步软件技术论坛)
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 10:08 , Processed in 0.056942 second(s), 20 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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