angular - 使用滑动动作动态显示不同的“点击执行”动作 (RadListView)
问题描述
RadListView 滑动操作的 Telerik Progress UI 文档显示了如何实现静态“点击执行”操作(RadListView - Swipe Actions),但是有没有一种方法可以动态更改,比如左侧操作,基于某种排序外部数据或正在刷卡的列表项?
例如,在 IOS 邮件应用程序中,如果一条消息被标记为未读并且您向右滑动,左侧的操作会显示将其标记为“已读”的选项。或者,如果一条消息被标记为已读并且您向右滑动,左侧的操作会将其显示为“未读”选项。该操作由列表视图项本身确定。
这可能与 RadListView 滑动操作吗?
解决方案
是的,你可以这样做。使用itemSwipeProgressStarted
您可以访问当前正在滑动的列表项和swipeView
. 根据数据,您可以修改滑动视图中的组件,通过 id 获取它们并使用可见性来显示/隐藏项目并根据当前测量值设置滑动限制。
推荐阅读
- node.js - 同时运行客户端和服务器应用程序 IIS Express 以进行本地开发
- flutter - 刷新对话框
- css - 在 SASS 类上定义一个单一的背景大小
- php - 使用 php 在 mongoDB 数组中搜索
- vue.js - 选择标签的渲染选项为空白,但生成的选项数量与数据源计数 VUE / IONIC 相同
- php - SQL:如何忽略数据库中的 NULL 或 0 值并返回行?
- javascript - 动态下拉框无法正常工作
- reactjs - 故事书:事件未显示在操作面板中
- angular - Angular:我无法使用 *ngIf 在 UI 中显示 Asyn 验证器的错误
- javascript - 在 React 中多次导入模块。代码是执行一次还是执行多次