list下类别设置多列显示点击事件无效问题

mainckchan

我在list下的<li>标签设置了样式width:50%;float:left后，可以让列表分两列显示，但只要设置了float的属性，在<li>上面绑定的bingd-click事件就无效了。触发不到绑定的方法，请这个是什么问题啊。

liangyongfei

把文件发来，我本地重现下！

mainckchan

<div component="$UI/system/components/justep/list/list" class="x-list" xid="indexGoodsList" data="indexGoodsData" limit="2">
   <ul xid="listTemplateUl1" class="x-list-template list-group">
    <li xid="li1" style="border-style:groove groove groove groove;border-width:1px 1px 1px 1px;" bind-click="showGoodDetailInfos"><div component="$UI/system/components/justep/row/row" class="x-row" xid="indexGoodPicRow">
   <div class="x-col center-block" xid="col2"><img src="" alt="" xid="indexGoodImg" bind-attr-src=' $object.val("FLongMinPicURL")' class="indexgoodImg"></img></div>
   </div>
  <div component="$UI/system/components/justep/row/row" class="x-row" xid="indexGoodTitleRow" style="height:66px;padding:0px">
   <div class="x-col" xid="col7"><span xid="indexGoodTitleSpan" bind-text="ref('FGoodTitle')"></span></div>
   </div>
  <div component="$UI/system/components/justep/row/row" class="x-row" xid="indexGoodPriceRow">
   <div class="x-col" xid="col10"><span xid="indexGoodContSpan6" bind-text="ref('FSalePriceText')" class="subTitleText" style="font-size:15px"></span></div>
   <div class="x-col" xid="col12"><span xid="indexGoodContSpan8" bind-text="ref('FMarketPrice')" class="greyText"></span></div></div></li></ul> </div>

mainckchan

见附件

mainckchan

另还有个问题：像途牛那种页面加载方式。我一个页面怎么能够访问到另外一个页面的元素。
例如途牛案例的查询列表页面，再点击进入详细页面，在详细页面，我点击加入购物车，但购物车的data是在index_main.w这个页面，我怎么调用到购物车data。
或怎么实现每个页面都有个购物车按钮，点击这个按钮都可以调出购物车的界面，或在任何界面都可以添加到购物车。

liangyongfei

mainckchan 发表于 2015-11-17 14:21
另还有个问题：像途牛那种页面加载方式。我一个页面怎么能够访问到另外一个页面的元素。
例如途牛案例的查 ...

你添加到购物车的时候就可以将data的数据也保存到数据库中！这样每次打开购物车的那一页时，在onActive事件中刷新购物车的data组件就可以了！

mainckchan

liangyongfei 发表于 2015-11-17 14:35
你添加到购物车的时候就可以将data的数据也保存到数据库中！这样每次打开购物车的那一页时，在onActive事 ...

这样主要担心对性能会不会影响较大，像这种实现方式只能按session为主键存储，对后台数据还要定期管理清理。行业比较标准的做法怎么样的，能够说一下思路吗？

liangyongfei

mainckchan 发表于 2015-11-17 13:24
见附件

list组件的li设置为float：left原因是外层的class样式影响到的，如果吧class="media" 去掉就可以触发点击事件了！
给你的建议是在li下面的内容区节点设置float!而不要在li上边设置这个属性！

liangyongfei

mainckchan 发表于 2015-11-17 14:55
这样主要担心对性能会不会影响较大，像这种实现方式只能按session为主键存储，对后台数据还要定期管理清 ...

那你就每次添加购物车时，在购物车页面的onActive事件中，将跳转过参数来的数据添加到购物车了！
就是数据存在data组件中！但是如果用户退出了！没有报错！那么购物车就白存放了！

或者你可以将数据先保存在sqlite中！待你手动提交的时候再保存服务器

mainckchan

liangyongfei 发表于 2015-11-17 15:09
list组件的li设置为float：left原因是外层的class样式影响到的，如果吧class="media" 去掉就可以触发点击 ...

我没有用class="media"样式，并且按您的建议在li下的内容加float，浮不起来，我还单独加了个div封住下面所有的内容设置float，还是浮不起来。只显示一列，右边都是空的，反而li外的东西浮起来了。另，那个途牛那种页面加载方式，我还是想知道，怎么获得其他页面的一个对象。