WEB开发网
开发学院网页设计JavaScript 打造基于jQuery的高性能TreeView(下) 阅读

打造基于jQuery的高性能TreeView(下)

 2009-10-27 00:00:00 来源:WEB开发网   
核心提示:第一步:自然是所有Jquery的控件的第一步都是搭这个架子,兼容JQuery和$避免闭包,打造基于jQuery的高性能TreeView(下),避免和其他类库冲突,接受一个参数(是个对象)1.;(function($){2.//也可以使用$.fn.extend(treeview:function(setting){})3

第一步:自然是所有Jquery的控件的第一步都是搭这个架子,兼容JQuery和$避免闭包,避免和其他类库冲突,接受一个参数(是个对象)

1.;(function($) {
2.     //也可以使用$.fn.extend(treeview:function(setting){})
3.    $.fn.treeview = function(settings) {
4.    }
5. 
6.})(jQuery);

那第二步:给控件加一些参数默认参数,同时能调用方法$.extend让最终调用时的参数覆盖默认的(如果没有则使用默认)

01.var dfop ={
02.                method: "POST",//默认采用POST提交数据
03.                datatype: "json",//数据类型是json
04.                url: false,//异步请求的url
05.                cbiconpath: "/images/icons/",//checkbox icon的目录位置
06.                icons: ["checkbox_0.gif", "checkbox_1.gif", "checkbox_2.gif"],//checkbxo三态的图片
07.                showcheck: false, //是否显示checkbox         
08.                oncheckboxclick: false, //点击checkbox时触发的事件
09.                onnodeclick: false,//点击node触发的时间
10.                cascadecheck: true,//是否启用级联
11.                data: null,//初始化数据            
12.                theme: "bbit-tree-arrows" //三种风格备选bbit-tree-lines ,bbit-tree-no-lines,bbit-tree-arrows
13.            }
14.        //用传进来的参数覆盖默认,没传则保留
15.        $.extend(dfop, settings);

1 2 3 4 5  下一页

Tags:打造 基于 jQuery

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接