问题标签 [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 回答
301 浏览

nativescript - NativeScript:如果用户点击 RadListView 中的空白区域,我如何捕捉点击事件?

在此处输入图像描述

如果我点击 radlistview 项目 - 它会捕获事件,但如果我点击 radlistview 底部的空白区域 - 然后会静音。

谢谢你的帮助!

0 投票
1 回答
427 浏览

data-binding - 从详细信息页面导航返回的 Nativescript radlistview 崩溃

当在其模板中使用 < RadListView > 缓慢加载组件中的大项目列表时,用户可以通过点击导航到项目的详细信息页面,并在导航返回后得到这样的错误:

我认为这意味着组件在缓存中被“冻结”,但数据仍然来自服务的 Observable 对象。在 Component 开始继续在 listview 中创建新项目之后,它崩溃了,因为已经错过了一些。

如何正确地将数据流绑定到 RadListView 组件,当组件不活动时仍然可以加载它?我希望用户可以在加载数据的过程中导航到详细信息页面并返回...

这是模板部分:

这是组件代码:

0 投票
1 回答
337 浏览

angular - 使用滑动动作动态显示不同的“点击执行”动作 (RadListView)

RadListView 滑动操作的 Telerik Progress UI 文档显示了如何实现静态“点击执行”操作(RadListView - Swipe Actions),但是有没有一种方法可以动态更改,比如左侧操作,基于某种排序外部数据或正在刷卡的列表项?

例如,在 IOS 邮件应用程序中,如果一条消息被标记为未读并且您向右滑动,左侧的操作会显示将其标记为“已读”的选项。或者,如果一条消息被标记为已并且您向右滑动,左侧的操作会将其显示为“未读”选项。该操作由列表视图项本身确定。

这可能与 RadListView 滑动操作吗?

0 投票
1 回答
145 浏览

angular - 将 ObservableArray 传递给模型对话框参数,显示 RadListView 数据具有 [Object Object]

我已将 Observable 数组传递给模态对话框参数。打开模态对话框时,我从 radlistview 中得到一个值,有 [object Object]。

但如果我使用 listview 它工作正常。只有使用 radlistview 我必须解决这个问题。

HomeComponent.ts:

FirstComponent.ts:( 模态对话框)

first_component.html:( 模态对话框 html)

0 投票
1 回答
360 浏览

forms - Telerik Xamarin RadListView 奇怪的行为

在 Xamarin Forms (Portable) 项目中,当我将 RadlistView 放在第一页时,我得到了绑定列表,该列表不会在 Android 中呈现模板。我没有检查其他平台。在这种情况下,第二页中的 RadListView 呈现正常。

RadListView 的第一页

截屏

带有 RadListView 的第二页

截屏

但是,如果我用 Xamarin.Forms.ListView 替换第一页中的 radlistview,它显示正常,但在第二页 RadListView 显示没有模板。

Xamarin ListView 的第一页

截屏

RadListView 丢失模板的第二页

截屏

第一页代码如下:

下面的第二个视图 XAML(使用 ContentView,因为它作为滑动抽屉打开)

c# 文件未提供,因为它使用了来自另一个项目的 web api,也使用虚拟源具有相同的效果。作为使用的来源

可观察集合

0 投票
1 回答
319 浏览

angular2-nativescript - RadListView 不显示项目

我在我的应用程序中实现 RadListView 时遇到了很多困难。根据文档,ListView 接受项目作为 ObservableArray,但无论使用该数组还是普通数组,都不会显示项目。我在 Playground 中准备了一个示例应用程序

https://play.nativescript.org/?template=play-ng&id=39xE2X&v=11

组件是这样的:

和这样的模板:

更让我困惑的是,在我的真实应用程序中,RadListView 显示了一些东西,但它自己做,完全忽略了我的模板。我实际上可以在 RadListView 中留下任何内容,但它仍会显示项目 在此处输入图像描述

0 投票
0 回答
816 浏览

nativescript - Nativescript RadListView:如何以编程方式更改所选项目的背景颜色?

在后面的代码中以编程方式执行此操作(不绑定到 XML),一切正常,除了我的背景颜色在选择项目时不显示。没有错误,我的图像显示正常。我的代码有什么问题?(谢谢!)

我在跑步{N} CLI "tns-android":"version": "3.4.2", "nativescript-ui-listview": "3.5.1"

0 投票
0 回答
366 浏览

angular - RadListView ng-模板被忽略

我正在尝试使用 nativescript-angular 框架创建我的第一个移动应用程序。我被困在 RadListView 组件上。当我尝试将 RadListView 与来自数组的数据一起使用时,RadListView 会为每个项目创建一个标签并绑定到它。当我提供自己的 ng-template 时,没有任何变化,并且数组的内容仍然像以前一样显示。我尝试了一个新项目,但问题仍然存在。

代码

这是我在一个空白的新项目上尝试的代码:

src\app\home\home.component.html

src\app\home\home.component.ts

src\app\app.module.ts

我试图验证问题是否也出现在 ListView 组件中,但它运行良好。我在这个链接上发现了一个类似的问题:ListView ng-template ignored

结果

RadListView 结果

RadListView 结果

列表视图结果

列表视图结果

我忘了什么吗?我必须改变什么?

0 投票
1 回答
337 浏览

nativescript - Nativescript的android平台不支持ListviewLinearLayout itemWidth

文档:

https://docs.telerik.com/devtools/nativescript-ui/Controls/NativeScript/ListView/item-layouts#using-listviewlinearlayout

为了在 recyclerview 中执行水平滚动,我按照文档使用了 ListViewLinearLayout。

他们清楚地提到了文档本身:The itemHeight and itemWidth properties are iOS specific. If not used, items are sized dynamically depending on the data coming from the source.

代码:

itemWidth 属性仅适用于 ios。不在安卓中。宽度 在 itemWidth 的帮助下我们可以设置项目之间的宽度。

我尝试设置 width="70" 或 width="70%" 或 android:itemWidth="70" 根本没有任何效果。任何解决此问题的建议。

0 投票
1 回答
317 浏览

angular - Nativescript Angular 应用程序中 RadListView UI 中 itemRorder 值的动态更改

我正在尝试动态更改 Nativescript Angular App 的 RadListView Ui 列表中 itemReorder 布尔值的值,但没有成功。每次我都会收到此错误:行为未附加到 RadListView,请使用 RadListView addbehavior 方法附加它。

HTML:

打字稿:

一开始this.itemReorder设置为true,然后一个函数将其更改为false,执行此函数时出现错误。

终端日志

代码