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

本文介绍了作者在前端开发中遇到的一个需求,即创建一个输入框下方显示树形结构的下拉组件。由于市场上现有的插件未能满足需求,作者决定基于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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值