基于jquery和jstree的组合下拉树的插件开发

最新推荐文章于 2024-08-15 14:23:35 发布

Nyist_FlyingRookie

最新推荐文章于 2024-08-15 14:23:35 发布

阅读量1.9k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/Nyist_FlyingRookie/article/details/79461544

版权

本文介绍了作者在前端开发中遇到的一个需求，即创建一个输入框下方显示树形结构的下拉组件。由于市场上现有的插件未能满足需求，作者决定基于jQuery和jstree自行开发。文章详细讲述了如何在考虑AMD加载机制的情况下，在jQuery原型上扩展新的方法`combotree`，并提供了调用和初始化插件的方式。

摘要由CSDN通过智能技术生成

做前端的过程中，慢慢发现，有些记忆力是靠不住的，是需要用东西来记录下来的。

插件的开发是当初在公司的时候有一个需求：需要一个输入框下拉出来一个树形结构，百度看了看别人的插件，没找到符合我自己需求的，当初看了一下ztree的的下拉树，感觉不太符合，于是想自己写一个。

因为公司前期采用require.js 的amd

一、所以开头进行判断是不是异步的加载机制

;(function(factory) {
    if (typeof define === 'function' && define.amd) { //判断是不是异步加载模式
        define(['jquery','jstree'], factory);
    } else {
        factory(jQuery);  // 浏览器
    }
})(function(jQuery){//插件代码})

然后进行插件功能的开发：

然后子啊jq的原型上扩展一个方法 combotree

$.fn.combotr

 $.fn.combotree=function(options){
    	// ie8及其以下版本不支持foreach，次方法用来让不支持foreach的浏览器支持foreach
    	if (typeof Array.prototype.forEach != 'function') {
    	    Array.prototype.forEach = function(callback){
    	      fo