Question

I am using a virtual list everything works fine if I initialize and render it using onclick button event. However, I need this list to be initialized and rendered on creating a certain page, when I do so the list items are empty.

   var myList = myApp.virtualList('.list-block.virtual-list', {
   items: 
    [
    {
        title: 'Item 1',
        picture: 'path/to/picture1.jpg'
    },
    {
        title: 'Item 2',
        picture: 'path/to/picture2.jpg'
    },
    {
        title: 'Item 1000',
        picture: 'path/to/picture1000.jpg'
    },
    ],
    template: '<li class="item-content">' +
                  '<div class="item-media"><img src="{{picture}}"></div>' +
                  '<div class="item-inner">' +
                  '<div class="item-title">{{title}}</div>' +
                  '</div>' +
              '</li>'
    });

Answer 1

我遇到了与英特尔XDK和Framework 7虚拟列表完全相同的问题。

经过快速调试后，我发现它需要一个选项rowsAfter来加载元素。没有它，它计算两个索引，如跳过和分页限制，都是零。

我有大约2300个数组元素所以我将rowsAfter设置为40，但是如果你只有3个元素你可以尝试3（所以它应该显示元素0,1和2），如下所示：

Java

Virtual list is empty using Framework 7 in intel xdk

1 个答案: