混合移动应用程序的 HTML 树

2023-12-19

寻找适用于混合移动应用程序并具有以下属性的树(或嵌套列表)UI 组件:

  • 拖放
  • 用于插入/删除/更新、展开/折叠和拖动/悬停/放置的动画(视觉反馈)
  • 在移动设备上表现良好
  • 开源(我接受付费开源、双重许可等)
  • 现代、干净的外观
  • “现代”实现,例如与 AngularJS、ReactJS、Ionic 或其他最近流行的理念保持一致

到目前为止,我的研究发现了以下几点:

  • https://angular-ui-tree.github.io/angular-ui-tree/#/cloning https://angular-ui-tree.github.io/angular-ui-tree/#/cloning(无动画)
  • https://www.jstree.com/demo/ https://www.jstree.com/demo/(移动设备上的拖放问题)
  • 还有很多人在http://www.jqueryrain.com/demo/jquery-treeview/ http://www.jqueryrain.com/demo/jquery-treeview/但我还没有找到任何看起来专为移动设备设计的东西

它们似乎都不能在移动浏览器中正常工作(我正在 Android 4.x、5.x、6.x 上进行测试)。 似乎出现以下问题:

  • 拖动事件似乎没有被正确解释,而是发生了意想不到的事情,例如滚动或文本选择(主观上:作为用户操作树,对我来说“似乎不正确”)
  • 动画断断续续
  • 可点击元素太小,无法通过手指点击
  • 遗憾的是,大约一半的解决方案看起来像 Windows 95 资源管理器树,这对眼睛不好,而且看起来不现代和干净

您能否建议这样一个可以工作的 UI 组件,或者至少是我自己的增强功能的一个良好起点?

移动浏览器是否准备好在输入事件、布局、性能、动画等方面托管如此复杂的组件?

全面披露:我来自 Java+Android 背景,正在扩展到混合移动应用程序,因此我的范例可能尚未完全调整。

后端(例如 Firebase)部分在这里:使用firebase树结构直接表示“文档大纲”结构 https://stackoverflow.com/questions/39112792/using-firebase-tree-structure-to-represent-a-document-outline-structure-direct


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

混合移动应用程序的 HTML 树 的相关文章

  • Android Studio - 值必须 ≥ 0

    我在 Android Studio 中收到与光标有关的错误 我的代码中有以下行 String data cursor getString cursor getColumnIndex columnIndex columnIndex 被传递到该
  • 为什么Android应用程序在发布到市场后尺寸会增加?

    我最近在 Android 市场上发布了我的应用程序 显示应用程序大小为 5 4MB 而实际 apk 大小为 2 8MB 为什么显示多出2MB 我应该如何限制我的应用程序大小 请帮我 您的应用程序大小会增加 因为您使用了复制保护选项ON在发布
  • onClick 未在带有子项的 LinearLayout 上触发

    我有一个自定义的 LinearLayout 和一个较小的 TextView 子级 我希望能够单击 TextView 未覆盖的区域 因此我将 clickable true 和 onclicklistener 设置为 LinearLayout
  • 如何在 Angular 中从父组件访问子组件?

    I have mat paginator在子组件a中 如下所示 子组件 html
  • Android Studio 将音乐文件读取为文本文件,如何恢复它?

    gameAlert mp3是我的声音文件 运行应用程序时 它询问我该文件不与任何文件类型关联 请定义关联 我选择TextFile错误地 现在我的音乐文件被读取为文本文件 我如何将其转换回music file protected void o
  • onBackPressed 隐藏 不破坏 Activity

    我知道如何取消后退按键 以便活动 主窗口保持可见 public void onBackPressed return 我的目标是隐藏该活动 但是 在没有完成它的情况下 您如何在 onBackPressed 事件中做到这一点 即我想达到 onP
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • JSTL 在循环中每 5 个字段集创建一个新行

    您好 我目前正在迭代并在表中显示字段集列表 为了让布局变得更得体一些 我想在每次循环到达第五个字段集时创建一个新行 谢谢 JSP div class det table class det tr td td tr table div
  • 悬停时为 SVG 制作动画

    我正在尝试在悬停时为 SVG 文件设置动画 默认情况下 它可以使用 svg 函数实现出色的动画效果 例如
  • 如何在jquery中获取保存时间和当前时间的差异?

    我想在 javascript 或 jquery 中获取保存时间和当前时间之间的时差 我节省的时间看起来像Sun Oct 24 15 55 56 GMT 05 30 2010 java中的日期格式代码如下 String newDate 201
  • Nodejs mysql 获取正确的时间戳格式

    我在用着mysqljs https github com mysqljs mysql得到结果后sql我变得不同TimeStamp格式如下 created at Sat Jul 16 2016 23 52 54 GMT 0430 IRDT 但
  • 无法在前端使用 JavaScript Fetch API 将文件上传到 FastAPI 后端

    我正在尝试弄清楚如何将图像发送到我的 API 并验证生成的token那是在header的请求 到目前为止 这就是我所处的位置 app post endreProfilbilde async def endreProfilbilde requ
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable
  • 如何在 javascript 正则表达式中匹配平衡分隔符?

    我原以为这个问题是不可能的 据我所知 Javascript 的正则表达式既没有递归插值 也没有漂亮的 NET 平衡组功能 但问题就在那里 如问题 12 所示正则表达式 alf nu http regex alf nu 匹配平衡对 lt an
  • Android 自定义警报对话框中的 OnClickListener

    我是一个自学成才的初学者 感谢耐心 谢谢 在 Eclipse 中 我使用自己的 xml 文件 custom dialog 创建了一个自定义警报对话框 称为 usernamealert 如果用户尚未输入用户名 即 username lengt
  • 三级十进制有序列表 CSS

    我有一个 html 中的三级有序列表 我想为其提供如下样式 1 Item 1 1 1 Item 2 1 1 1 Item 3 下一个 plunker 中有一个 html 示例 http plnkr co edit DqhZ5pJILTUHG
  • 防止文本区域出现新行

    我正在开发聊天功能 使用 Vue 并使用文本区域作为输入 以便溢出换行 并且对于编写较长消息的用户来说更具可读性 不幸的是 当用户按下 Enter 键并提交时 光标会在提交之前移动到新行 从而使用户体验感觉不佳 关于如何使用普通 Javas
  • 在 Javascript 中减少/分组数组

    基于this https stackoverflow com a 40774906 3254598例如 我想以稍微不同的方式按对象进行分组 结果应该如下 key audi items make audi model r8 year 2012
  • 如何在 gulp.src 中使用基本正则表达式?

    我正在尝试选择两个文件gulp src highcharts js and highcharts src js 当然 我知道我可以使用数组表达式显式添加这两个表达式 但出于学习目的 我尝试为它们编写一个表达式 我读过可以使用简单的正则表达式
  • 当ScrollView滚动到底部时加载更多数据

    我有一个带有动态加载内容的滚动视图 有时可能会有很多内容 所以我想在用户滚动到底部时加载更多内容 我搜索了合适的方法 发现了两种 onScrollChanged and getScrollY 但我不知道如何将它用于我的目的 请给我一些建议

随机推荐

  • 如何覆盖 Google Cloud Tasks Node.js 客户端的重试配置

    我一直在尝试探索是否有办法重试创建任务函数 https github com googleapis nodejs tasks blob master samples createTask js 原因是因为我时不时地遇到超出截止日期的错误 如
  • Android 2.2 AVD:没有快速搜索框?

    我最近更新了 Android SDK 添加了对 Android 2 2 API 级别 8 的支持 我正在构建的应用程序与快速搜索框 QSB 主屏幕小部件集成 我在这个版本中似乎找不到该小部件 使用 vanilla 2 2 和 Google
  • 如何从Kafka读取XML格式的流数据?

    我正在尝试使用 Spark 结构化流从 Kafka 主题读取 XML 数据 我尝试使用 Databricksspark xml包 但我收到一个错误 说这个包不支持流式读取 有什么方法可以使用结构化流从 Kafka 主题中提取 XML 数据吗
  • Java如何Uni.createFrom().future()并从封闭方法返回Uni?

    我对 Java 和 Mutiny 非常陌生 如下所示 我的测试函数向 Redis 询问键 foo 的值 即 bar 这是有效的 Future onCompleted 得到 bar 到目前为止 一切都很好 我有两个问题Uni createFr
  • 无法通过“修改用户帐户设置”API更新用户的“管理帐户”权限

    我们正在使用 DocuSign REST API v2 并且我们正在使用 修改用户帐户设置 方法 https www docusign com p RESTAPIGuide RESTAPIGuide htm REST 20API 20Ref
  • 如何优化 SQLite ORDER BY rowid?

    我想查询我的 sqlite 数据库中所有大于 20 的 级别 值 将结果限制为 100 并按 rowid 排序 当按rowid排序时 查询速度要慢很多 该数据库包含约 300 万条记录 level的最大值为50 为level创建索引 该语句
  • 如何在QTcpServer使用的套接字上设置SO_REUSEADDR?

    我一直使用 QTcpServer 子类作为 http 服务器 但现在我需要重用服务器端口 我尝试过设置ShareAddress ReuseAddressHint在 QTcpSocket 中 它似乎有效 因为同一个端口可以绑定两次 但我没有找
  • 如果执行时间过长则跳过该函数。 JavaScript

    如果执行时间太长 如何跳过某个函数 例如我有3个功能 function A Do something function B Do something function C Do something A B C 例如 由于某种原因 函数 B
  • 桌面到 Windows 移动通信

    我想让桌面应用程序触发 Windows Mobile 6 标准设备 智能手机 上的事件 如何让智能手机和台式机进行通信 我在哪里可以找到这方面的一些代码示例 我正在使用 C 澄清 它不会与 USB 对接 我想使用无线局域网 我想在智能手机上
  • 存储库模式中的共享存储库

    存储库依赖 假设我有一个如下所示的域 public class User public int UserId get set public Lazy
  • Spring框架到底是做什么用的? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我听到很多关于Spring https spring io 整个网络上人们都在说 Spring 是一个很好的 Web 开发框架 简而言
  • 上一篇 Java 的列表迭代器

    我使用Java的列表迭代器 我不明白前面的方法是如何工作的 我获取链接列表 B 的下一个元素 然后尝试获取前一个元素 A 但得到 B LinkedList
  • 如何按几何类型过滤地理数据框?

    我正在使用开放街道地图数据 我通过立交桥将其下载为 GEOJSON 数据框 虽然我可以根据标签和子标签过滤数据 如下所示 gdf b gdf b loc gdf b 高速公路 服务 我无法弄清楚删除具有特定几何类型 如点 的地理数据帧的特定
  • 将线程作为库实现

    我读了 线程不能作为库实现 http www hpl hp com techreports 2004 HPL 2004 209 pdf http www hpl hp com techreports 2004 HPL 2004 209 pd
  • 何时使用存储过程而不是嵌入式 SQL

    我很困惑何时应该在代码中使用存储过程而不是嵌入式 SQL 当我谷歌搜索时 我发现了这些要点 它们允许模块化编程 它们可以减少网络流量 它们可以用作安全机制 请告诉我网络流量与它有何关系 SP 的另一个主要优点 您可以更改它们 修复错误 扩展
  • 使用 serde 时如何“展平”向量以生成多个 XML 元素?

    我有以下结构 struct Artist name String image String struct Album title String artists Vec
  • Pandas stack/groupby 来制作新的数据框

    我在创建和重新排列数据集时遇到问题 我查看了 pandas groupby 功能 认为它可能会帮助我做到这一点 但我缺乏经验来实现它 我在下面创建了我的问题的示例 我的 DF vehicle color a b c d A1 A2 A3 B
  • 跟踪 .git/hooks 中钩子的更改

    有没有办法跟踪 git hook 的变化 我有三个钩子 它们只显示在我的机器上 而不是在我的其他开发人员获取时显示 尝试去git add不起作用 http benjamin meyer blogspot com 2008 10 git ho
  • 使用hadoop进行图像处理

    如何在hadoop中读取视频帧 要在 Hadoop 中处理专用文件格式 例如视频 您必须编写自定义的 InputFormat 和 RecordReader 它们了解如何将视频文件转换为分割 InputFormat 然后将分割读取为值 Rec
  • 混合移动应用程序的 HTML 树

    寻找适用于混合移动应用程序并具有以下属性的树 或嵌套列表 UI 组件 拖放 用于插入 删除 更新 展开 折叠和拖动 悬停 放置的动画 视觉反馈 在移动设备上表现良好 开源 我接受付费开源 双重许可等 现代 干净的外观 现代 实现 例如与 A