从快照到填充视图更改视图时的FilpView错误 [英] A Bug of FilpView when change view from snap to fill view
问题描述
需要帮助。
我在html中添加了一个flipview,它在填充视图中运行良好。
I have added a flipview to html and it work well in fill view.
当我尝试将视图从snap更改为fill时,currentPage将更改为0或索引自动降低。
when i try to change the view from snap to fill, the currentPage will change to 0 or the index lower automaticly .
以下是代码;
default.html:
default.html:
< div id =" ItemTemplate"数据双赢控制= QUOT; WinJS.Binding.Template" style =" display:none">
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < div class =" overlaidItemTemplate">
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < img class =" image" data-win-bind =" src:picture" />
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / div>
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / div>
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < div id =" -SlideShow-Container">
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < div id =" -SlideShow-View" class =" flipView"
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; data-win-control =" WinJS.UI.FlipView"
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; data-win-options =" {itemDataSource:dataList.dataSource, itemTemplate:ItemTemplate}">
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / div>
&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / div>
<div id="ItemTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
<div class="overlaidItemTemplate">
<img class="image" data-win-bind="src: picture" />
</div>
</div>
<div id="-SlideShow-Container">
<div id="-SlideShow-View" class="flipView"
data-win-control="WinJS.UI.FlipView"
data-win-options="{ itemDataSource: dataList.dataSource, itemTemplate: ItemTemplate }">
</div>
</div>
default.js:
default.js:
default.css:
default.css:
# - SlideShow-Container {
#-SlideShow-Container {
例如:
如果我使用鼠标将页面向左抓取,页面将更改为snapview。然后我点击右箭头选择图片"Sunset3"。
If i use mouse to crawl the page to left, the page will change to snapview. Then i click the right Arrow to select the picture "Sunset3".
现在没关系。
然后我尝试将应用程序边缘向右滑动,应用程序将更改为填充视图。
Then I try to slide the edge of app to right , and the app will change to fill view.
然后翻转视图将显示图片"Sunset1"。 ,不是预期的"Sunset3"。
Then the flipview will show picture "Sunset1" , not expected "Sunset3".
推荐答案
我修复了CSS,如下所示,效果很好。
After I fix the CSS like below , it works well.
# - SlideShow-Container {
&NBSP; -ms-grid-columns:2fr 8fr 2fr;
&NBSP; -ms-grid-rows: 2fr 25fr 2fr;
  ; &NBSP;显示:-ms-grid;
&NBSP;宽度:100%;
&NBSP;身高:100%;
}
#-SlideShow-Container {
-ms-grid-columns: 2fr 8fr 2fr;
-ms-grid-rows: 2fr 25fr 2fr;
display: -ms-grid;
width: 100%;
height: 100%;
}
我认为这是filpview上的一个错误。
I think it's a bug on filpview.
是否有其他人遇到同样的问题以及如何处理?
Do anyone else have the same trouble and how to do with it?
谢谢!
Thanks!
这篇关于从快照到填充视图更改视图时的FilpView错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!