jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了寻找JQuery样式的Web控件来深入挖掘树状数据结构大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一个 JQuery风格的javascript / CSS控件,它允许用户深入研究表达式的工作方式.

例如,假设我们有以下表达式:

(2+3) × (4+5) + Max(22,31,16,62,40)

这将评估如下:

   (((2+3)×(4+5))+Max(22,40))  
 ⇒ ((5×9)+62)  
 ⇒ (45+62)  
 ⇒ 107

我想以这样一种方式呈现这些中间步骤,即用户可以向下钻取特定的评估分支以发现产生特定值的输入.

我已经玩弄了将表达式的工作操作到树结构中的想法,可能插入了中间评估(在示例中以蓝色显示).但是,我担心我瞄准这个软件的观众可能会觉得这有点令人生畏.

例如

另一种更友好的表示可能是允许就地向下钻取,如下例所示:

表达式最初看起来像这样

用户单击“107”按钮,将控件更改为:

用户单击“62”按钮将控件更改为:

在我编写自己的控件之前,我认为可能存在可用于此目的的现有控件.或者,我真的很感激以任何可能更直观的方式表示这些数据的替代建议.

解决方法

我找不到上面描述的控件,所以我创建了一个.
来源位于:
http://github.com/Wheelies/expression-explorer

使用可以由用户导航的树数据结构初始化控件.

表达式(((2 3)×(4 5))Max(20 2,40))可以解析成一棵树,可以按如下方式进行探索:

用户单击[107]按钮将控件更改为:

单击[62]按钮,将控件更改为:

用户现在点击[22]

请注意,此控件不处理表达式解析.另外,我还没有将控件实现为真正的JQuery插件

大佬总结

以上是大佬教程为你收集整理的寻找JQuery样式的Web控件来深入挖掘树状数据结构全部内容,希望文章能够帮你解决寻找JQuery样式的Web控件来深入挖掘树状数据结构所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。