framework7虚拟列表无条目
Framework7是一个用于构建混合移动应用的开源框架。它基于HTML、CSS和JavaScript，并提供了丰富的UI组件和工具，使开发者能够快速构建出具有原生应用体验的移动应用。
虚拟列表是Framework7中的一个功能，它用于处理大量数据的列表展示。与传统的列表不同，虚拟列表只会渲染当前可见区域的数据，而不是将所有数据都加载到DOM中。这样可以大大提高列表的性能和响应速度，尤其是在数据量较大的情况下。
虚拟列表的优势在于：
- 高性能：虚拟列表只渲染可见区域的数据，减少了DOM操作和重绘的次数，提高了列表的渲染性能。
- 节省内存：由于只渲染可见区域的数据，虚拟列表占用的内存较少，可以处理大量的数据。
- 流畅滚动：虚拟列表使用了类似于滚动缓冲的技术，可以实现平滑的滚动效果，提升用户体验。
虚拟列表适用于以下场景：
- 大数据列表：当列表中的数据量很大时，使用虚拟列表可以避免性能问题，保持列表的流畅性。
- 无限滚动：当需要实现无限滚动加载数据的功能时，虚拟列表可以提供更好的性能和用户体验。
- 高性能要求：对于对性能要求较高的应用，使用虚拟列表可以提升整体的性能表现。
腾讯云提供了一系列与移动应用开发相关的产品和服务，其中与虚拟列表相关的产品是腾讯云移动应用分析（Mobile Analytics）。该产品可以帮助开发者分析移动应用的用户行为和性能数据，提供数据支持和优化建议，以提升应用的质量和用户体验。
更多关于腾讯云移动应用分析的信息，请访问：腾讯云移动应用分析
相关·内容
当向要在自动完成下拉列表中显示的列表中添加带有' Umlaut‘的字符串时，Umlaut会在下拉列表中正确显示(’%pfel‘)，但一旦选择了’%pfel‘，则不会。
请问我漏掉了什么？请注意下面的代码。任何帮助都是非常感谢的。
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1,
maximum-scale = 1, minimum-scale = 1, user-scalable = no
浏览 1提问于2017-11-07得票数 0
我想防止意外点击发生，同时滚动一个虚拟列表。可以通过在preroute函数中返回false或设置e.preventDefault()来防止单击。
然而，在framework7上检测滚动似乎并不简单。
我尝试了以下方法来检测滚动：
使用window.onscroll = scrollFunction。
听滚动事件。并尝试使用$$(document).on('scroll')侦听文档上的任何滚动事件，并尝试使用$$('.virtual-list).on('scroll')。但没有结果。
如果有谁已经解决了这个问题，请告诉我。谢谢!
浏览 3提问于2017-09-12得票数 0
我有一个正在开发的PhoneGap应用程序，我试图使用Framework7的搜索栏来过滤掉我的虚拟产品列表。
当前的功能是列表工作得很好，但是搜索栏只搜索呈现的元素，而不是整个虚拟列表。
我已经检查了Framework7的，让它们的虚拟列表和搜索栏一起工作，但据我所知，我的代码中的搜索栏完全忽略了我放入的虚拟列表searchAll函数。我可以让searchAll()返回任何内容，这对当前的功能没有任何影响。
var listObject = {
items: selectProd,
template: '<li class="ite
浏览 16提问于2017-08-22得票数 1
回答已采纳
现在，我正在使用vue 2.x开发一个Framework7应用程序。在我的应用程序中，有一个可以通过拖放进行排序的列表。我可以直接使用Framework7中的可排序列表；但是，通过拖放进行排序后，vue实例中对应的列表数据不会改变。我不确定这是否是Framework7的问题，我相信这是vue黑客的问题，所以下面的简单代码可以显示我的问题：
<!DOCTYPE html>
<html>
<head>
<title>Sorting List</title>
</head>
<body>
<div id
浏览 3提问于2017-05-07得票数 1
如何使用Framework7中的JS更新已经加载的HTML视图中的数据。我可以使用Framework7将新数据从JS加载到新页面，例如通过弹出或通过以下操作创建新页面：
// HTML Content of new page:
var newPageContent = '<div class="page" data-page="my-page">' +
'<div class="page-content">' +
JS_VARIABLE +
&
浏览 0提问于2016-12-21得票数 0
回答已采纳
2回答
在使用Framework7时遇到困难。在aurelia.json中，我有以下内容：
{
"name": "Framework7",
"path": "../node_modules/framework7",
"main": "dist/js/framework7",
"exports": "Framework7"
}
在F7.js中，我有以下代码：
import Frame
浏览 1提问于2016-10-13得票数 1
回答已采纳
这是sdk管理器消息的屏幕截图，显示仿真器与windows不兼容：
我使用的是android studio，目前是2.2.3版。
是否有其他或更旧版本的模拟器加速器(HAXM安装程序)与Windows10兼容？
浏览 51提问于2016-12-12得票数 87
回答已采纳
当我尝试在clojurescript项目中初始化Framework7和Framework7-React时，使用shadow-cljs会得到这样的错误： f7.js:31 Uncaught TypeError: Framework7 is not a constructor
at Object.init (f7.js:31)
at F7App.value (app.js:162)
at commitLayoutEffects (react-dom.development.js:21965)
at HTMLUnknownElement.callCallback (reac
浏览 9提问于2020-01-29得票数 0
回答已采纳
1回答
如何在ionic2项目中使用framework7？
我在my ionic2项目中安装了framework7：
npm i framework7 --save
我想要做的是从向项目添加typescript定义
但我不确定如何做到这一点。
浏览 2提问于2016-11-13得票数 0
List(text)字段中的第一个条目是被选择为默认值的条目。
如何确保项目被选中？
字段是
Deal Type field_bond_deal_type List (text)
小部件是“选择列表”
这些价值是：
abs|Abs
green|Green
开始时没有空行。
浏览 0提问于2022-06-20得票数 -1
回答已采纳
我想使用UI的Framework7，数据绑定的Angular2，编译成移动应用程序的Cordova。
我知道Framework7和Cordova是直截了当的。我只需将Cordova中的index.html替换为所有的Framework7 index.html，然后复制文件和文件夹。而且它是有效的。
但看起来Angular2更复杂。我知道有集成Angularjs和Framework7的教程。
这样做的正确方法是什么？
浏览 1提问于2016-12-01得票数 3
1回答
任务
想象典型的搜索栏和结果列表。在我的Cordova应用程序中使用framework7，我们当然可以轻松地实现这一点，即使在虚拟列表中，元素并不都是呈现出来的。但是我试图实现的是一个搜索栏，它将影响两个虚拟列表。原因是，作为我正在创建的应用程序的一部分，将会有一个新的和翻新的设备列表。每个列表都在同一页上的不同的滑块上，因此在任何时候都只会看到一个列表。但我需要用单数搜索栏来过滤两者。
我到目前为止做了什么，
当前，设置两个单独的虚拟列表的滑块，并启动搜索栏。有什么好的方法可以让搜索栏应用于这两个列表，而不必疯狂地使用customSearch true参数。如果这是我如何保留筛选列表的默认方
浏览 2提问于2017-09-07得票数 0
回答已采纳
我已经用Ionic框架构建了应用程序。但是当我查看Framework7时，我发现它的UI (特别是材料设计)非常出色。现在，由于我以前没有使用过Framework7，而且我对几件事感到困惑。你能帮我回答几个问题吗？
我能用iOS和Framework7构建Framework7和安卓应用吗？(如离子)
Framework7是移动应用程序的UI/ CSS框架吗？(以便可以与其他人一起使用)
还有其他类似Phonegap的东西可以和framework7一起使用吗？(我看到一些文章说它可以集成)
我问的原因是，离子框架胜过市场上所有其他混合框架。但我喜欢Framework7用户界面，
浏览 0提问于2016-04-22得票数 0
我想在我的框架-7 应用程序中添加Vue.js。这样用户就可以继续登录，甚至是arter退出应用程序。
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
store.commit(setSignedIn, true)
} else {
store.commit(setSignedIn, false)
}
});
我需要将它添加到我的项目的app.js中：
// Import Vue
import { createApp } from 'vue';
// Impor
浏览 14提问于2021-05-11得票数 0
回答已采纳
我对Framework7非常陌生，我想要构建一个相当简单的移动应用程序--一个位置列表，这些地方的详细页面(显示一些壁画的地方)，以及一张地图和关于页面。我目前的计划是通过PhoneGap构建发布它，因为这似乎是一种快速而简单的部署方式。
我用创建了我的应用程序。对于这样一个简单的应用程序来说，也许有点过分了，但似乎比从头开始构建它要好。
我想通过AJAX (最终通过sqlite)加载一个位置列表，但无法确定如何/何时实现，以及如何访问主应用程序。我的Murals.vue文件有模板和下面的脚本，但是没有加载，因为app.request是未定义的。我已经尝试过“framework7”、"
浏览 1提问于2018-07-17得票数 1
回答已采纳
埃尔姆：
div [id "app", class "view view-main"] [
button [ class "col button open-confirm" ] [ text "Confirm" ] -- no function now
]
index.html
<html>
<head>
<title> Confirm </title>
<meta charset = "u
浏览 9提问于2020-03-26得票数 0
当部署到运行Android5.0的三星Note3时，示例应用程序就会挂在启动屏幕上。有什么特别的东西我错过了吗？
使用Framework7 CLI3.1.0和Framework7 5.3.0。创建的应用程序使用：
framework7 create --ui
选择的选项有科多瓦应用，Framework7核心，选项卡视图，Webpack，没有CSS预处理器，包括FW7图标.
App安装在设备上：
npm run build-dev-cordova & f7 cordova run android
该应用程序在运行Android 7的平板电脑上运行良好。
浏览 2提问于2020-01-11得票数 0
回答已采纳
iphone一次有10个列表框条目，它不会加载所有10k个条目并同时滚动所有条目。它添加一个条目，并一次减去一个条目。那么如何在wpf列表框中做到这一点呢？我如何制作，比如说20个列表框条目，然后添加一两个条目，然后减去相同的数量？数据绑定列表框解决了这个性能问题吗？
浏览 0提问于2011-05-15得票数 4
回答已采纳
1回答
我正在做一个使用cordova 6.2.0和framework7 1.6.5的项目。现在我必须开始一个基于cordova 7.1.0和framework7 2.0.7的新项目。
我知道使用version-manager- cordova -soft1可以在同一个开发箱中运行不同的cordova版本，framework7有类似的功能吗？
我正在寻找同时适用于linux和osx的安装程序。
浏览 9提问于2018-02-07得票数 0
回答已采纳
我是framework7和vuejs的新手。这是正确的导入方式吗？在此之后，我如何从其他页面引用axios？
下面是我的main.js，我不确定它是否正确导入，或者我遗漏了一些步骤？
// Import Vue
import Vue from 'vue'
// Import F7
import Framework7 from 'framework7'
// Import F7 Vue Plugin
import Framework7Vue from 'framework7-vue'
// Import Routes
import Route
浏览 0提问于2017-11-10得票数 1
我用framework7创建了一个phonegap应用程序，但是默认版本是1.4，而framework7现在是3.3
有没有办法用最新的framework7版本启动phonegap应用程序？在phonegap中，许多函数不能与默认的1.4一起工作。
浏览 0提问于2018-09-19得票数 0
这是我的main.js
import Vue from 'vue';
import Framework7 from 'framework7/dist/js/framework7.js';
import Framework7Vue from 'framework7-vue/dist/framework7-vue.js';
import Routes from './routes.js';
import App from './app.vue';
import * as firebase from 'fireb
浏览 9提问于2018-08-22得票数 1
我是Framework7的新手，想知道如何发布到应用程序商店。我在Framework7网站上找不到关于这方面的信息。谢谢。
浏览 1提问于2015-07-12得票数 5
我正在用Framework7为iOS/Android制作一个Cordova应用程序。我试图添加和，但是不能调用插件函数。然而，当我用普通的HTML和JS (没有Framework7)制作一个Cordova应用程序时，插件就能工作了。有什么是我必须修改的Framework7端，以使这些科多瓦插件工作？
浏览 3提问于2016-05-02得票数 0
回答已采纳
我与Cordova和Framework7一起开发了Framework7应用程序。
但我不能隐藏状态栏。我尝试了许多建议，但我做不到。
我怎么才能停用？我要全屏应用程序
浏览 2提问于2016-11-02得票数 0
我希望使用IPython笔记本中的列表理解来生成枚举字符串列表。它工作，但给我一个奇怪的输出，我不明白。
cols = []
[cols.append('Value'+str(hour)) for hour in xrange(1,25)]
运行单元格后，cols返回正确的列表[Value1,Value2...Value24]，但在我的笔记本中，我收到一个24 None的输出列表。
代码可以工作，但是奇怪的输出让我觉得自己做错了什么，而且看起来很草率。为什么我得到这个输出，有什么方法可以摆脱它吗？
浏览 3提问于2017-09-09得票数 4
回答已采纳
使用Rails 6和Framework7。我用Rails创建了一个新的Rails应用程序：
rails new xyz
然后我跑了：
yarn add framework7
我看到Framework7安装在node_modules/framework7中。
然后我做了以下修改：
# app/javascript/packs/application.js
import '../stylesheets/application'
require("@rails/ujs").start()
require("turbolinks").start()
浏览 1提问于2019-09-02得票数 1
回答已采纳
1回答
我使用的是framework7上一个版本的，我的应用层次结构是这样的：
vue路由器-视图，
vue子程序在路由器视图中加载，
其中一个孩子是framework7应用程序的根，
当我在“作为组件的framework7的根”和任何其他组件之间导航时，手风琴动画开始卡住并意外地运行，没有控制台错误。其他framework7动画工作良好，除了手风琴后导航。但是在开始导航之前，它工作得很好。
我试图在这里重置vue组件中的所有内容，该组件充当framework7应用程序的根：
export default {
data() {
return {
浏览 4提问于2017-08-16得票数 0
回答已采纳
我正在尝试建立一个与framework7和vue的应用程序。一切都很好，除了当我启动应用程序时，它没有加载routes.js上指定的组件。我想让它加载根url指定的组件。我该怎么做呢？
main.js
new Vue({
el: '#app',
// Init Framework7 by passing parameters here
framework7: {
root: '#app',
/* Uncomment to enable Material theme: */
material: true,
swip
浏览 4提问于2017-08-16得票数 0
我正在使用Framework7创建一个静态应用程序。因此，当我尝试将折叠列表插入到页面内容部分时，顶部会生成一个不必要的空格。我使用的是android material主题。根据我的分析，这与Toolbar Div有关，但我不能确定确切的原因。
浏览 0提问于2017-02-11得票数 0
如何使用Framework7进行ajax调用？我已经知道如何使用jQuery进行ajax调用，但我不知道如何在Framework7中进行。我使用它来调用一个返回数据的API。
浏览 0提问于2015-01-02得票数 4
我试图打开与Framework7的链接。例如，我需要打开
但是它打开了没有about.html的Framework7
浏览 10提问于2016-10-04得票数 0
回答已采纳
我需要为安卓和iOS实现一个混合的移动应用程序。我正在寻找Framework7 + PhoneGap的解决方案。我已经看到Framework7包含css来复制Android和iOS的外观和感觉。问: Framework7是否能够根据应用程序(安卓应用程序或iOS应用程序)自动切换外观，或者我需要实现两个不同的应用程序(一个用于安卓，一个用于iOS)，或者我可能需要在应用程序的负载上实现特定的自定义检查？
谢谢你的帮助!
D
浏览 0提问于2018-08-21得票数 0
1回答
es6中的过库函数
、、、、
我试图覆盖库中的特定函数。在我的例子中，我试图覆盖上的一些函数。库中只有一个名为Framework7的类，在非ES6 javascript中，创建应用程序实例如下所示：
var app = new Framework7();
所以我假设它是可扩展的，所以这里我的代码来扩展它：
export class Application extends Framework7 {
constructor(options) {
super(options);
}
}
但是，当我试图重写其中一个函数(比方说showPreloader )时，代码运行良好，函数本身从未被调用。
ex
浏览 4提问于2016-08-10得票数 5
回答已采纳
我正在尝试使用Visual Studio2015RTM中的ASP.NET 5 beta5和Entity Framework7 beta6。问题是，我不能让它们一起运行，即使完全遵循这样的指南：
在本例中，当我到达需要运行此命令的部分时：
dnx . ef migration add MyFirstMigration
我总是得到这样的错误：
Using context 'BloggingContext'.
System.MissingMethodException: Method not found: 'Boolean Microsoft.Framework.Depend
浏览 0提问于2015-08-12得票数 6
我试图让JQuery迷你图在Framework7中工作，例如“$(”# Sparkline -.sparkline“).sparkline(”但是'.sparkline‘总是不受约束的，不管我在哪里添加了jquery.sparklines.min.js文件。所以这是在Kendo中工作的意思，当然两者在普通浏览器中都工作得很好。但是在" $$ (document).on('pageInit'，function (e) {})“里面它是看不见的，不是kendo或者jquery，我知道'var $$= Dom7;‘所以尝试了'$’。我只想添加一个迷你图
浏览 11提问于2016-09-15得票数 0
我尝试过用Framework7开发应用程序。
我用这种方式打印我的数组(list)：
if (list != null){
for (var i=0; i<list.length; i++){
output = output + '<li class="swipeout"><div class="item-content swipeout-content"><div class="item-inner"><div class="item-title-row"&
浏览 0提问于2016-05-11得票数 0
我读过关于这个问题的所有问题，但没有找到任何解决办法。
我正在使用最新版本的Framework7 (3.5.2)，并试图实现pushState状态，以便在安卓设备上启用backButton。
我在“我的app.js”中写道：
const app = new Framework7({
root: '#app',
name: conf.appName,
version: conf.version,
id: conf.id,
theme: 'auto',
panel: {
swipe: 'left
浏览 1提问于2018-12-01得票数 5
回答已采纳
2回答
我有一个条目列表，B上校&Col.A中的数字，我想根据它们的相对单元格A中的数字，在单元格B中复制文本，即将'B‘乘以' A’中的次数。
下面是示例电子表格：https://docs.google.com/spreadsheets/d/1_jbgugr93t6CYY08Bi83SH3pWJIH8B1ukfCKiPwtt4M/edit?usp=sharing
我还用红色的D上校展示了我想象的结果会是什么样子。现在我手动完成这个操作，复制相关内容的次数。
有什么办法能更快地做到这一点。
浏览 0提问于2020-12-21得票数 2
回答已采纳
我正在开发一个基于科多瓦的混合网站使用Framework7。我想在选择提示符内启动确认模式提示，但第二个模式不显示。
我在我的Framework7声明中添加了modalStack:false，因为我认为这是修复，但它似乎没有做任何事情。
我现在的解决办法是使用一个通用的HTML提示符，这个提示符可以工作，但不像使用framework7模型那么吸引人。
还有其他人遇到过这个问题吗？
浏览 0提问于2015-12-21得票数 0
回答已采纳
我有an...interesting问题。你看，我在一个网络上有一个SMB共享，我想在本地挂载。当我用Nautilus安装它时，一切都很完美。但是，我需要将系统配置为在没有GUI的情况下运行，这意味着我不能使用Nautilus，而必须创建一个fstab条目或类似的东西。
但是，当我尝试使用以下fstab条目挂载共享时：
//ip.address.goes.here/sharename /path/to/mountpoint cifs username=user,password=pass,iocharset=utf8,sec=ntlm 0 0
共享安装，但权限严重混乱，并阻止我做任何事情。
浏览 0提问于2015-02-27得票数 0
回答已采纳
1回答
我使用ItemsControl显示项目列表，itrs如下所示
<ItemsControl ItemsSource="{Binding ShelfItemsCollection}" Name="shelfGridView" Margin="5" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<Stackpanel>
<Image Width="
浏览 2提问于2014-03-07得票数 2
使用Framework7，我创建了一个工具栏。它对iOS主题非常有用。然而，当我测试它的材料主题，它是在顶部。我找到了一些Framework7文档，这些文档指向了“工具栏底部”类。但是，页面内容的作用就好像工具栏仍然在顶部，填充顶属性不正确。我不想在Framework7 css上重写硬代码。
这是我的结构：
<div class="page navbar-fixed toolbar-fixed">
<div class="navbar">...</div>
<div class="page-content
浏览 2提问于2017-05-05得票数 0
回答已采纳
概述
我正在建立一个种子。
设置
我用的是，，，都是用传送的。
我用启动了这个项目，然后在Webpack配置中添加了Framework7和Framework7Vue组件。
正如它在Framework7中所述，框架7模块使用ES-next，需要转换。
Framework7 ES模块采用ES-下一种语法，所以不要忘记启用/配置您的Babel/Buble来传输
因此，我在Babel Config中添加了以下内容
{
test: /\.js$/,
loader: 'babel-loader',
// Original:
// include:
浏览 1提问于2018-04-26得票数 1
2回答
是否有方法将特定值插入到特定索引中。列表应该是完全空的：
L = []
L.insert(2,177)
print(L)
我应该给出L，,117的值。
浏览 2提问于2018-06-13得票数 5
回答已采纳
我每天都在和Framework7一起工作和学习。一切都很顺利，但现在我找不到解决方案。
我在my-app.js中使用了一个template7Data代码，里面有很多项目，稍后我会在页面中呈现这些项目。例如：
var myApp = new Framework7({
precompileTemplates: true,
template7Pages: true,
template7Data: {
cars: [
{
internalID: 01,
name: Renau
浏览 0提问于2017-09-05得票数 0
最近我看了LinkedHashmap在java中的源代码，我知道链接的哈希图使用双重链接来恢复条目。当为addEntry时，它将删除列表中最老的键，但是当我阅读代码时，我遇到了一些问题
426 addEntry(int hash, K key, V value, int bucketIndex) {
427 super.addEntry(hash, key, value, bucketIndex);
428
429 // Remove eldest entry if instructed
430 Entry<K,V> eldest =
浏览 0提问于2016-04-06得票数 2
我需要在我的代码中捕获返回按钮事件只为特定的页面。因为我正在使用Framework7 NavBar react组件，所以我找不到可以覆盖/捕获back事件的地方。 我指的是用于IOS应用程序开发的framework7-react，我已经在文档中放回了'Back‘链接。Framework7版本4.3.1 他们为导航栏提供了'backLink‘属性，但是我如何在我的JS代码中捕获事件呢？ 这是导航栏的Framework7 React文档的链接。https://framework7.io/react/navbar.html
浏览 23提问于2019-05-07得票数 1
我通过Cordova和Framework7试用了这个来开发一个安卓应用程序。它可以在浏览器和Android Emulator (ADK)中运行。我使用将项目转换为apk，并将apk文件传输到我的设备上。
应用程序可以工作，但是，基于Framework7的应用程序列表(实际上是在Vue上)没有显示任何内容。看起来Vue没有初始化。
下面是HTML代码：
<template id="page-alt-sayfa">
<f7-page>
<f7-navbar title="Alt Sayfa" back-link="Geri
浏览 1提问于2017-12-04得票数 0
2回答
我尝试使用vue.js和Framework7构建一个Cordova/Phonegap应用程序。我了解了如何通过html元素中的"v-on:click="OnClick“属性来使用像"onClick”这样的函数。
但有一个问题。如何直接访问dom，以便可以使用jquery选择器选择整个css类。比如：$('.likeButton')。？
在offical的framework7中，我找到了类似这样的东西，可以通过它的函数访问dom：
this.$$ or this.Dom7
这是我已经在home.vue文件中写下的内容：
<script>
浏览 32提问于2018-03-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
