`

【prototype学习】基于prototype的tree(纯数据驱动OO)

阅读更多
rt:
给出代码和demo;
看到很多tree的实现,很少有数据驱动的,大部分都是一个js 的array或者xml文件作为数据源,参考dtree的功能写了这个树,特点提供了回调函数传回的是tree和选种node的引用,方便扩展,可以把简单的后台管理导航等都用js来搞定,目前样式部分没有处理,最后一个demo加以css样式控制可以做成menu。使用的最主要的技巧:是通过对外暴露的tree引用达到很方便的操作全局的node对象(此方式来自prototype的bind方法)。希望各位能提供意见和建议,欢迎优化和讨论。
分享到:
评论

相关推荐

    Prototype学习笔记(一)(二)

    Prototype学习笔记(一)(二)涵盖了这一主题的深入探讨,旨在帮助开发者更好地理解和利用这个特性。在本篇文章中,我们将详细阐述Prototype的核心概念、作用以及如何在实际编程中应用。 首先,Prototype是...

    基于prototype的放大镜插件

    在本文中,我们将深入探讨如何使用Prototype JavaScript框架创建一个基于原型的放大镜插件。这个插件主要用于在网页上实现图片的局部放大功能,适用于Internet Explorer(IE)和Firefox等主流浏览器。 首先,我们来...

    prototype学习笔记

    这篇"prototype学习笔记"可能探讨了如何利用原型链实现面向对象编程的关键技术。以下是对这个主题的详细解析。 首先,理解`prototype`的基本含义是关键。在JavaScript中,每个函数都有一个`prototype`属性,这个...

    基于prototype制作的幻灯片

    通过学习这个“基于prototype制作的幻灯片”项目,你可以深入理解Prototype.js库的使用,以及如何用JavaScript构建动态网页组件。同时,这个项目也涵盖了JavaScript基础、DOM操作、事件处理、动画实现等多个重要知识...

    编写基于Prototype的Javascript动画类

    在给定的标题“编写基于Prototype的Javascript动画类”中,我们可以看到讨论的是如何利用Prototype库来创建自定义的动画类。Prototype是一个广泛使用的JavaScript库,它提供了许多便利的功能,包括DOM操作、事件处理...

    Prototype整理的学习资料

    Prototype库是基于JavaScript的,它利用JavaScript的原型机制来实现面向对象特性。通过Prototype库,开发者可以更方便地实现类、继承、事件处理等功能,提高了JavaScript的开发效率。 7. **Prototype与其他技术的...

    Prototype-1.6.0 中文版\英文版\Prototype.js

    1. **类与对象继承**:Prototype.js引入了基于原型的类系统,允许开发者创建类并实现继承。这使得JavaScript代码可以采用面向对象的方式编写,增强了代码的可读性和可维护性。 2. **DOM操作**:Prototype提供了强大...

    Prototype Ajax学习范例

    通过这些范例,你可以学习如何利用Prototype处理异步请求,实现动态加载数据、无刷新更新页面、表单提交等常见功能。此外,还可以深入理解Ajax请求的生命周期,包括请求的发送、服务器的响应、数据的处理以及可能...

    动态增加行列以及表格_基于prototype

    "动态增加行列以及表格_基于prototype"这个主题聚焦于如何利用Prototype JavaScript库来实现这样的功能。Prototype是一个广泛使用的JavaScript框架,它为JavaScript提供了一些类的特性,使得代码更加简洁和易于维护...

    ASP基于Prototype的Ajax无刷新登录实例

    ASP基于Prototype的Ajax无刷新登录实例是一个非常适合初学者学习AJAX技术的应用案例。在这个实例中,我们将探讨如何在ASP(Active Server Pages)环境中利用Prototype JavaScript库实现无刷新的用户登录功能,同时...

    Prototype_1.4.doc,Prototype_1.5.1.chm 中文版

    6. **Ajax**:Prototype封装了Ajax通信,包括GET和POST请求,以及XMLHttpRequest对象的处理,使得异步数据交互更简单。 7. **Prototype 1.4与1.5.1的区别**:从1.4到1.5.1的升级可能涉及性能优化、bug修复和新功能...

    基于Prototype + Spring + Hibernate实现的自动提示功能

    本项目就是基于Prototype、Spring和Hibernate这三个组件实现的一个自动提示功能,这为我们提供了一个理解这些技术如何协同工作的实例。 Prototype是JavaScript的一个库,它为浏览器提供了许多实用的函数,如事件...

    prototype_PrototypeJS1.6_

    7. **Selector引擎**:PrototypeJS的`Selector`模块提供了基于CSS的选择器,使开发者能以更接近HTML标记的方式选取DOM元素,如`$$('div.some-class')`。 8. **内建的缓存机制**:PrototypeJS 1.6可能包含了对DOM...

    Prototype.js学习从简单开始

    随着进一步的学习,你将能够利用Prototype.js的强大功能,实现更加复杂的Web应用,如动态表单、异步数据加载等。记得定期查阅官方文档和社区资源,以便及时了解最新的特性和最佳实践。此外,深入理解JavaScript语言...

    prototype_1.7.3.js 最新版本

    《prototype_1.7.3.js:JavaScript框架的里程碑》 在JavaScript的世界里,Prototype库是一个不可或缺的重要组成部分,尤其在Web开发领域,它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...

    prototype-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵资源。通过阅读手册,你可以了解如何利用Prototype进行DOM操作、事件处理、Ajax通信和动画效果。而源代码文件`prototype-1.6.0.3.js`则让你可以直接在...

Global site tag (gtag.js) - Google Analytics