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

QQ登录

只需一步,快速开始

查看: 1829|回复: 8

[处理中3] scrollview嵌套list的问题,新手求问

[复制链接]

3

主题

9

帖子

15

积分

新手上路

Rank: 1

积分
15
QQ
发表于 2018-1-4 17:15:01 | 显示全部楼层 |阅读模式
本帖最后由 嘛勒咯比的 于 2018-1-4 19:07 编辑

我在scrollview组件里嵌套了一个list组件用来显示数据
list中每个li1点击跳转到相应的页面,但是外面没有套上scrollview的时候点击可以触发跳转事件,但是嵌套后点击没效果了

捕获1.jpg
-------------------------------------------------------------------

捕获2.jpg
-----------------------------------------------------
源码:
<div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView" xid="scrollView1">
   <div class="x-content-center x-pull-down container" xid="div1">
    <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i2"></i>
    <span class="x-pull-down-label" xid="span2">下拉刷新...</span></div>
   <div class="x-scroll-content" xid="div2">
    <div component="$UI/system/components/justep/list/list" class="x-list" xid="list1" data="data" disablePullToRefresh="true" disableInfiniteLoad="true">
     <ul class="x-list-template" xid="listTemplateUl1">
      <li class="col-xs-12" xid="li1" bind-click="open">
       <div class="thumbnail media" xid="media1">
        <div class="media-left" xid="mediaLeft1">
         <img bind-attr-src="$model.getImageUrl($object)" class="x-img1" bind-click="open" xid="image1"></img></div>
        <div class="media-body" xid="mediaBody1">
         <h4 bind-text="ref('name')" class="text-black media-heading" xid="h41"></h4>
         <span bind-text="ref('address')" xid="span4"></span>
         <h5 class="text-danger" bind-text="ref('tel')" xid="h51"></h5></div> </div> </li> </ul> </div> </div>
   <div class="x-content-center x-pull-up" xid="div3">
    <span class="x-pull-up-label" xid="span3">加载更多...</span></div> </div></div>
  </div>

F:\捕获1.jpg
F:\捕获2.jpg
点击触发open事件:
Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
                var url = "../1/template.w";
                justep.Shell.showPage(require.toUrl(url), {
                        rowid : row.val("id")
                });
               
        };
test.zip (49.94 KB, 下载次数: 55)
发表于 2018-1-5 11:20:48 | 显示全部楼层

本地测试  li上的 class属性  col-xs-12  去掉就可以了!  就是它影响的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 1 反对 0

使用道具 举报

发表于 2018-1-4 17:20:39 | 显示全部楼层
嵌套list后,点击事件不能触发吗??alert一下,点击事件能执行吗?
参考外卖案例或者
/UI2/system/components/justep/list/demo/news.w
试试

本地测试没问题的!

或者你做一个demo 发来,使用静态数据,我这里测试一下
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

9

帖子

15

积分

新手上路

Rank: 1

积分
15
QQ
 楼主| 发表于 2018-1-4 17:42:29 | 显示全部楼层
liangyongfei 发表于 2018-1-4 17:20
嵌套list后,点击事件不能触发吗??alert一下,点击事件能执行吗?
参考外卖案例或者
/UI2/system/compon ...

怎么传文件给你,邮箱吗?我传个demo给你帮忙看看
回复 支持 反对

使用道具 举报

发表于 2018-1-4 18:06:55 | 显示全部楼层
嘛勒咯比的 发表于 2018-1-4 17:42
怎么传文件给你,邮箱吗?我传个demo给你帮忙看看

回复 高级模式  可以上传文件的!你压缩一下然后上传
或者 加我qq
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

9

帖子

15

积分

新手上路

Rank: 1

积分
15
QQ
 楼主| 发表于 2018-1-4 18:58:22 | 显示全部楼层
本帖最后由 嘛勒咯比的 于 2018-1-4 19:06 编辑
liangyongfei 发表于 2018-1-4 18:06
回复 高级模式  可以上传文件的!你压缩一下然后上传
或者 加我qq

test.zip (49.94 KB, 下载次数: 64)
回复 支持 反对

使用道具 举报

3

主题

9

帖子

15

积分

新手上路

Rank: 1

积分
15
QQ
 楼主| 发表于 2018-1-5 15:30:06 | 显示全部楼层
liangyongfei 发表于 2018-1-5 11:20
本地测试  li上的 class属性  col-xs-12  去掉就可以了!  就是它影响的!

大神能不能告诉我原因?我没有嵌套进scrollview组件里的时候list有这个col-xs-12类也可以触发点击事件,嵌套进scrollview里后就不行了呢,col-xs-12不是只是让li的宽度占100%的屏幕么?求原理
回复 支持 反对

使用道具 举报

发表于 2018-1-5 15:59:35 | 显示全部楼层
嘛勒咯比的 发表于 2018-1-5 15:30
大神能不能告诉我原因?我没有嵌套进scrollview组件里的时候list有这个col-xs-12类也可以触发点击事件, ...

原理,我也说不好,测试就是这个结果,反正这个class   需要自己研究下
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

9

帖子

15

积分

新手上路

Rank: 1

积分
15
QQ
 楼主| 发表于 2018-1-5 16:11:13 | 显示全部楼层
liangyongfei 发表于 2018-1-5 15:59
原理,我也说不好,测试就是这个结果,反正这个class   需要自己研究下

谢谢了
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-26 21:34 , Processed in 0.060886 second(s), 29 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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