问题标签 [radlistview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
699 浏览

angular - 使用自定义搜索词过滤 RadListView

是否可以将过滤函数传递给可以访问局部变量“searchTerm”的Angular Nativescript RadListView?我已经尝试过此处提供的示例,但是该示例建议的是静态搜索词。

我希望对样本过滤器功能做不同的事情;

样本

我正在将搜索词修改"Special Item"为用户输入的文本框。我试过的是;

打字稿

看法

0 投票
2 回答
855 浏览

nativescript - 如何在nativescript angular中隐藏ios的水平滚动指示器

您好我正在使用 NativeScript-Angular 为 iOS 和 Android 开发应用程序。我已经ListView使用RadListView插件创建了水平。一切正常,但滚动指示器不会隐藏在 iOS 中。

在 Android 中,滚动指示器是隐藏的。如何在 iOS 中解决此问题?

我的 HTML 文件:

0 投票
1 回答
421 浏览

nativescript - 如何检测在radlistview中是向上滚动还是向下滚动

本机脚本 rad-list-view 未检测是向上滑动还是向下滑动项目列表。

通过使用本机脚本滑动事件,将获得左、右、上和下的 4 个值,即 1、2、4、8。但滑动操作不适用于 rad-list-view。

如何检测 radlistview 上的向上或向下滑动事件。

0 投票
0 回答
57 浏览

android - 是否可以在纯列表视图中显示交错布局

我想制作可折叠的自定义操作栏。所以我使用了交错布局的 RadListView。然后在其滚动事件的帮助下,如下所示。

我实现了可折叠视图。但是当我严格测试它时它不会正常工作,即当我向下和向上滚动而不给时间时。有时操作栏不会隐藏或正确显示。但它可以与普通列表视图一起正常工作,因为它支持滚动手势事件,该事件提供顶部、向下、向左和向右滑动事件。但是如何在普通列表视图中放置交错网格布局。如果这是可能的,那么我可以只查看列表视图,因为它符合我的所有要求。除了在所有在线购物应用程序中常见的交错网格布局。我想要列表视图是否支持交错列表。有没有更好的方法来实现这一点。

0 投票
1 回答
425 浏览

vue.js - 重新启用按需加载 [NativeScript Vue]

我有一个 Radlistview,其中数据根据用户查询切换。当loadOnDemandMode="Auto"当前查询用尽时,我会调用notifyLoadOnDemandFinished(true). 但是,当进行新查询时,我无法重新启用 loadOnDemand,并且不会加载新项目。

有没有办法重新激活 loadOnDemand,也许使用 radListView 对象上的方法?我在文档中找不到任何内容。

0 投票
1 回答
45 浏览

ios - 插入多个 RadListViews 不会在 iOS 上显示

我需要在同一页面上有多个 RadListViews,我正在使用 NativeScript Angular

我不知道每个列表中的项目数量,根据项目包含的文本数量,项目的大小可能会有很大差异。

可以这么说,我需要三个相互叠加的 RadList - 第一个可能有 3 个项目,接下来的 72 个和最后 9 个项目。我希望每个列表都能达到其内容要求的高度,这样我就可以将它们放在一起显示,无论它们有多长。

在 Android 上,它的工作原理就像一个魅力 - 每个 radlistview 都占据了显示其项目所需的高度,并在之后立即生成下一个 radlistview

另一方面,在 iOS 上,它非常不同 - 如果我不设置 RadListView 本身的高度,它根本不会显示。

我有两个 RadListViews 生活在一个 GridLayout 中,并且给行一个绝对值,如 row="150, 150" 甚至 rows="*,*" 将显示尽可能多的列表,只要提供的值允许 - 但我需要它是 rows="auto, auto" 因为我不知道每个列表会有多高,我想显示所有项目。

直接在 RadListView 上设置高度也可以,但同样 - 我不知道高度。

直接在 RadListView 上设置 height="100%" 并不能解决我的问题,因为我不能有绝对的父高度。

那么这有可能吗,还是我必须为 height 属性计算一个数字(我真的不想这样做)

再次...问题仅存在于 iOS 设备上。

我尝试将 dataItem 作为 ObservableArray 和对象类型的普通数组提供:name[],因为我认为 ObservableArray 的异步性可能会起作用,但这没关系 - 我什至可以填充文本具有常量 like 而不是 的属性。尽管如此,如果没有在行或 RadListView 本身上设置高度 - 什么都不会显示。

问候每

0 投票
1 回答
881 浏览

android - 将方向更改为“水平”不会更改 RadListView 的滚动方向?

我已经为 angular NativeScript 采用了汽车详细信息示例,并且我正在尝试使汽车列表水平滚动而不是垂直滚动。我已经删除了大部分给定的 html,只是想用剩余的 html 制作一个水平滚动列表。

我认为问题可能是 RadListView,但我不知道如何处理它。到目前为止,我到处都尝试了orientation="horizo​​ntal",并且还更改了一些布局类型。我还在 RadListView 上尝试了orientation="vertical",因为NativeScipt 消息来源说这会起作用......我对Nativescript 很陌生,所以我希望这是一个简单的修复,因为我没有找到任何东西那会有所帮助。

这是我项目的 html 部分。整个东西被封装在一个水平方向的 StackLayout 中。如果您想看其他东西,请告诉我:

目前,即使到处都是水平的,我得到一个垂直列表,其中每个项目都是汽车名称和汽车图片。但我希望下一个项目向右而不是向下填充。

0 投票
1 回答
1059 浏览

nativescript - NativeScript Angular RadListView 渲染极其缓慢

问题:

我有一个 angular-nativescript 应用程序需要在网格中显示一些项目。我正在使用 RadListView 来呈现列表,在过去几个月升级了我的 angular、{N} 和其他库依赖项之后,我注意到项目的 RadListView 呈现变得非常缓慢。我有多个“选项卡”,因此您可以看到不同类型的项目,并且每当您切换“选项卡”时,都需要使用新时间完全重新渲染列表。在进行一些升级(我希望这会提高应用程序性能)之前,即使渲染 100 多个项目,切换选项卡也不会出现明显的延迟。现在即使加载 24 也需要几秒钟(我切换到滚动时的动态渲染以加快速度,但这还不够好)。

平台信息:

  • ios (tns ios 5.2.0, 5.3.1) [Angular 7]
  • nativescript-ui-listview:6.1.0
  • nativescript-ui-core:2.0.1
  • nativescript-ui-sidedrawer:6.0.0
  • 命令行界面:5.3.1
  • 跨平台模块:5.3.1
  • 运行时:tns-ios 5.3.1

该问题似乎与在 RadListView 中有一些嵌套结构有关。我的原始代码(因为在旧版本的 {N}、Angular、nativescript-ui 上运行良好,所以运行没有改变:

作为验证 RadListView 渲染是什么让它变慢的概念证明,我尝试了一个标签,其中嵌入了项目的名称,并且渲染几乎是即时的 - 所以它似乎是一个问题RadListView 如何呈现 StackLayout、GridLayout 等子项。我还尝试用 DockLayout 替换 GridLayout 并删除所有有角度的 *ngIfs 和 *ngClasses(并删除了 Image 标签),看看这是否会提高性能,但它似乎没有任何效果。仅加载 24 个项目仍然非常缓慢。(对于更少的项目,加载确实会显着增加 - 但我最初不能显示少于 24 个)

有任何想法吗?我宁愿不必降级我的 angular 和 nativescript 依赖项

0 投票
1 回答
1110 浏览

nativescript - NativeScript-Vue在android下渲染RadListView很慢并冻结UI

我有一个带有 RadListView 组件的 nativescript-vue 应用程序来向用户显示数据。列表的每一行都包含当前项目的多个信息。当我点击按钮加载并显示列表时,UI 冻结(快速硬件 -> 短;慢速硬件 -> 长)。我发现加载/组合数据的代码部分运行时间很短,但原生脚本内部渲染或 UI 元素的创建是问题所在。android控制台显示信息

平台信息:

  • tns-ios 5.2.0
  • tns-android 5.2.1
  • nativescript-ui-listview 6.2.0
  • tns 核心模块 5.3.1

类似问题报告

我查看了 stackoverflow 和 github,但那里的问题(例如NativeScript Angular RadListView 渲染速度非常慢)看起来很相似,但解决方案不适合我。

我使用 LinearListView(不是 Grid 也不是 Stagged),也许在我的真实应用程序中,我将能够简化列表中的行元素,但在我的示例应用程序(向下看)中,我使用简单的行 ui 设计。

示例应用

为了获得更简单更好的报告,我在 {N}-Playground 上创建了一个示例应用程序。该应用程序创建 10000 个数组元素并将它们设置为 RadListView 的源,其中每个元素都有一个标签、一个开关和一个 ActivityIndi​​cator。

在第一步中,将在一个临时数组中生成 10000 个元素:

使用第二个按钮将临时数组设置为源:

注意:即使示例应用程序在 S9 或其他高端智能手机上运行,​​我也使用 10000 个元素来使问题可见。

完整源码可在https://play.nativescript.org/?template=play-vue&id=Td1GWR下运行

在https://play.nativescript.org/?template=play-vue&id=5BXOFG下使用 ObservableArray 而不是普通数组的稍微不同的版本

在这两个版本中,数据处理速度很快,但是一旦从内部函数生成的 UI 元素,UI 就会被冻结。

示例:在我的带有 Android 6.x 的 Nexus 7 2013 上,UI 冻结了近 6 秒,并且没有其他应用程序在后台运行。

iOS

如果我在 iOS 设备(例如 iPhone 7s)上尝试相同的应用程序,渲染速度非常快,即使有 10000 个元素等等,UI 运行也很流畅。

想法?

Have anyone an idea how i can speed up the rendering? If not is there a suggestion how i can build an animation (e.g. ActivityIndicator) to show the user that the device is working? At the moment when i put an ActivityIndicator on the UI the user can not see it because of the frozen UI.

0 投票
1 回答
477 浏览

nativescript - Nativescript 角度 radListView `itemSelecting` 示例

有没有人知道一个链接,其中显示了如何itemSelecting在 Nativescript angular RadListViewhttps://docs.nativescript.org/ns-ui-api-reference/classes/radlistview#itemselecting中实现的示例?

因为我找不到任何例子。谢谢你。