问题标签 [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 投票
2 回答
355 浏览

angular - Nativescript RadListView 输入元素值在滚动时跳跃

我正在尝试在每一行/单元格中使用带有 TextField 和 TextView 的 RadListView 构建一个列表。列表显示正确,但是当列表足够长可以滚动并且我在输入字段中输入任何内容(例如“hello”并且我滚动时,“hello”将随机移动到不同的项目。

示例:包含 50 行的列表。我在第 1 行的文本字段中输入“hello”。我向下滚动,使第 1 行不再可见。“你好”出现在第 12 行的文本字段中。我滚动回第 1 行,文本字段为空。我向下滚动到第 12 行,它是空的,但“你好”现在出现在第 18 行的文本字段中……等等

这是代码:

我用普通的 nativescript ListView 得到了相同的结果,所以我不认为它是一个错误。

我该如何纠正?

我正在使用 Angular 和 Typescript,到目前为止只在 Android 上进行测试:

tns --版本:3.1.2

跨平台模块版本:3.1.0

0 投票
0 回答
243 浏览

nativescript-telerik-ui - nativescript-ui / RadListView:从滚动偏移量获取项目索引

RadListView 在滚动事件上公开一些侦听器。对应的事件数据仅包含列表的新滚动偏移量,使用 dips 单位。有没有办法在数据源中为这个物理位置获取相应的项目索引?

0 投票
3 回答
2118 浏览

angular - Nativescript radListView 不显示项目

概述

Nativescript radListView 不会在 ios 和 android 操作系统上显示来自组件的绑定项。
操作栏和通常的 ListView 显示数据,但 radlistview 不显示。控制台显示没有错误。但是我看到下一个存储库中的 RadListView 可以工作-> https://github.com/telerik/nativescript-ui-samples-angular

环境

我的开发环境如下。

os: macOS sierra 10.12.6
node : v6.12.0
npm : 3.10.10
nativescript 和其他可以在 package.json 之后看到

考虑

我似乎这个问题是关于这些......
但我无法细化。

  1. 角度指令
  2. 初始化一个可观察数组

代码

在“tns create ui-test --ng”之后,我在 Angular 上实现了 RadListView,如下所示。

零件

html

包.json

0 投票
2 回答
997 浏览

nativescript - Nativescript 在 ListView 中向上滚动时显示元素 - 视差效果

我想获得有关如何实现在许多应用程序(如 Whatsapp 或 Facebook)中看到的功能的建议,其中您有一个列表和一个标题,它始终不可见,但当用户开始向上滚动时逐渐显示列表中的任何位置。

在 whatsapp 和 facebook 中,向上滚动手势会导致搜索栏慢慢出现在屏幕顶部,而列表本身不会滚动,直到搜索栏完全出现(至少这是 android 实现)。

我需要关于如何使用带有 Telerik RadListView (android + ios) 的 Nativescript angular 来实现这一点的建议。据我所知,telerik 通常不建议将 ListView 放在 ScrollView 中。

谢谢!

编辑:我了解到它被称为视差效果,并在本机 android 中找到了它的示例,但是,在带有 ListView 的 nativescript 中没有找到它(确实找到了一个带有 ScrollView 和常规 StackLayout 的示例,而不是里面的 ListView)。

0 投票
2 回答
126 浏览

nativescript - RadListView - 更新文本字段值

我在 RadListView 中有一个产品列表,每个产品都有一个数量选择器。用户可以按 + - 按钮来增加或减少数量,也可以在文本字段中输入。所有这些控件都在工作,数据在可观察对象中更新,但不在屏幕上。文本字段中显示的值不会在屏幕上更新。这是代码:

JS

如果我将项目滚动出视图并返回,我可以看到更新的值。我尝试refresh()了列表上的方法,但这会使列表滚动到顶部,这是不可取的。

那么我怎样才能强制刷新那个元素呢?

编辑:完整代码

JS

0 投票
2 回答
434 浏览

nativescript-angular - 使用来自 Web 服务的数据填充 nativescript radList 视图

我有一个 RadList 视图,它正在尝试使用来自 Web 服务的数据进行填充。从服务返回的数据是 JSON 格式。所以我试图创建一个服务,我将使用它通过传递相应的 URL 来获取信息。以下是代码:-

接口类(cps-admin.interface.ts)

服务 (CPSAdminService.ts)

这是租户组件.ts

请注意我在哪里标记了“问题在这里”,这是错误图像剪辑 ,我只是​​不知道问题所在。当我将“any”作为方法返回 fetchTenantsList() 时,就像这样 fetchTenantsList(): any ,错误消失但列表中没有显示任何内容。当我像下面那样对数据进行硬编码时,它可以工作;

这是我的组件html:

任何帮助表示赞赏。

0 投票
1 回答
277 浏览

nativescript-angular - 在 nativescript radlistview 过滤中显示自定义消息

我设法添加了一个 TextField,它在用户键入时过滤 RadListView。我的问题是,当没有任何内容与用户搜索匹配时,我试图显示“未找到结果”消息。我根据姓名和日期进行过滤。

这是我的 TextField 代码。

这是我的 ts 文件。我主要包括了过滤的部分。

任何帮助表示赞赏。

0 投票
0 回答
524 浏览

nativescript - 具有多个项目模板切换可见性的 Nativescript 列表视图

我对具有多个项目模板和切换可见性的 radlistview 有疑问。我正在尝试在不使用 nativescript-accordion 插件的情况下重新创建相应类型的显示。通过切换给定项目的可见性属性。这是我的xml:

这是 itemTap 方法:

对于项目的加载,这里有一些代码:

locationList是 viewModel 中的 ObservableArray。这是 viewModel 中的 Item 类:

最后是 viewModel 中的 viewModel.collapseExpandItems 方法:

它隐藏了标题项下方的项目,但隐藏了下面的所有项目,甚至那些未设置为 visibilty="collapsed" 的项目。有关行为,请参阅 .gif。有任何想法吗?在此处输入图像描述

似乎暂时它在做正确的事情,但随后它隐藏了一切,这不是我想要的。我希望它只是隐藏点击标题下的项目。

0 投票
1 回答
240 浏览

ios - Nativescript Radlistview 位置和选定项目复选标记图标的 z-index

是否可以更改所选项目的复选框/复选标记的位置?

在 radlistview 的网格模板中,复选标记图标位于每个项目的左侧并垂直居中。此外,如果每个单元格都填充有图像,则复选标记不再可见。

反正有没有改变它的位置和它的z-index?

这是图标放置方式的屏幕截图:

图片

这是 Radlistview XML:

0 投票
1 回答
58 浏览

xamarin - xamarin android:在recycleview中显示广告隐藏rss条目中的一些文章

我正在尝试在 recycleview 中展示广告,并且我使用下面的代码成功地做到了。问题是,在每个“MspaceBetweenAds”位置,广告都会出现,但是这里的文章被我试图修复的广告所取代通过 Mposts.Count + (Mposts.count% MspaceBetweenAds) 修改 ItemCount() 但我收到“IndexOutOfBounds”错误任何帮助..这是我的代码

这是一个演示应用程序https://drive.google.com/open?id=1Tk3G8dw9nqIffxmEFNGqIgXNzCJJPxD_