popPicker组件点击报错

liangyongfei

ejzhang 发表于 2016-8-28 09:24
错误截屏：

你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间反馈结果，谢谢！

liangyongfei

ejzhang 发表于 2016-8-28 09:54
经测试部署到真机上也报错

popPicker不能在内部放tree,在popOver里放tree

ejzhang

liangyongfei 发表于 2016-8-29 13:35
popPicker不能在内部放tree,在popOver里放tree

感谢回复！
但是popOver如何实现类似popPicker的效果，不要全屏覆盖，谢谢！

ejzhang

代码如下，请问如何实现popPicker那样从底部滑出和立体效果，谢谢！

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:m;" xid="window" class="window">  
   
3.   <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;">
   
4.   <div component="$UI/system/components/justep/data/baasData" autoLoad="true" xid="regionData" idColumn="fID" isTree="true" limit="5" queryAction="queryRegionTree" tableName="takeout_region" url="/justep/demo">
   
5.    <column label="fID" name="fID" type="String" xid="default13"></column>
   
6.    <column label="fName" name="fName" type="String" xid="default11"></column>
   
7.    <column label="fParentID" name="fParentID" type="String" xid="default12"></column>
   
8.    <column label="fType" name="fType" type="String" xid="default10"></column>
   
9.    <treeOption xid="default14" parentRelation="fParentID" delayLoad="true"></treeOption></div></div>  
   
10.   <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1">
    
11.       <div class="x-panel-top" xid="top1">
    
12.         <div component="$UI/system/components/justep/titleBar/titleBar" title="标题" class="x-titlebar">
    
13.           <div class="x-titlebar-left">
    
14.             <a component="$UI/system/components/justep/button/button" label="" class="btn btn-link btn-only-icon" icon="linear linear-rocket" xid="backBtn" onClick='{"operation":"popOver1.show"}'>
    
15.               <i class="linear linear-rocket" />  
    
16.               <span></span>
    
17.             </a>
    
18.           </div>  
    
19.           <div class="x-titlebar-title">标题</div>  
    
20.           <div class="x-titlebar-right reverse">
    
21.           </div>
    
22.         </div>
    
23.       </div>  
    
24.     <div class="x-panel-content" xid="content1" />
    
25.   </div><div component="$UI/system/components/justep/popOver/popOver" class="x-popOver" direction="auto" xid="popOver1" position="bottom" dismissible="true">
    
26.    <div class="x-popOver-overlay" xid="div1"></div>
    
27.    <div class="x-popOver-content" xid="div2" style="width:100%;height:65%;"><div component="$UI/system/components/justep/tree/tree" class="x-tree x-inner-scroll" xid="tree1" data="regionData" labelColumn="fName" rootLabel="行政区划">
    
28.    <div class="x-tree-head" xid="div4">
    
29.     <ul component="$UI/system/components/bootstrap/breadcrumb/breadcrumb" class="breadcrumb" xid="ul1"></ul></div>
    
30.    <div class="x-tree-content x-scroll-view" xid="div5">
    
31.     <div component="$UI/system/components/justep/scrollView/scrollView" supportPullDown="true" supportPullUp="true" hScroll="false" vScroll="true" hScrollbar="false" vScrollbar="true" bounce="true" class="x-scroll" xid="scrollView1">
    
32.      
    
33.      <ul class="x-tree-template x-scroll-content" xid="treeTemplateUl1">
    
34.       <li xid="li1" class="x-tree-link">
    
35.        <div component="$UI/system/components/justep/row/row" class="x-row x-row-center" xid="row1">
    
36.         <div class="x-col" xid="col1">
    
37.          <div component="$UI/system/components/justep/output/output" class="x-output" xid="output1" bind-ref="ref('fName')"></div></div>
    
38.         <div class="x-col x-col-fixed" xid="col4" style="width:auto;">
    
39.          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon" label="button" xid="button2" icon="icon-chevron-right" bind-visible="$object.val('fType')!='zone'">
    
40.           <i xid="i3" class="icon-chevron-right"></i>
    
41.           <span xid="span5"></span></a> </div> </div> </li> </ul>
    
42.      </div> </div> </div></div></div>
    
43. </div>

复制代码

liangyongfei

ejzhang 发表于 2016-8-30 01:51
代码如下，请问如何实现popPicker那样从底部滑出和立体效果，谢谢！

/UI2/system/components/justep/popOver/css/popOver.css
你看下popOver 组件的源码！应该是没有定义css动画！
可以自己修改实现动画效果！注意合并资源！
如果只是修改这个页面！可以在自己的css文件中实现动画效果！

ejzhang

好的，多谢@liangyongfei版主！