从快照到填充视图更改视图时的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屋！
