├── LICENSE
├── README.md
├── bootstrapQ.js
└── bootstrapQ.min.js


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 uikoo9
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | [bootstrapQ](http://uikoo9.com/bootstrapQ)
 2 | ==========================================
 3 | 1. bootstrap组件封装
 4 | 2. bootstrap组件增强
 5 | 3. bootstrap周边组件
 6 | 
 7 | 依赖
 8 | ---
 9 | 依赖bootstrap3.0，浏览器支持等参考bootstrap3.0的支持。
10 | 
11 | 相关
12 | ---
13 | 1. 官网：[http://uikoo9.com/bootstrapQ](http://uikoo9.com/bootstrapQ)
14 | 2. 文档&示例：[http://uikoo9.com/bootstrapQ/docs](http://uikoo9.com/bootstrapQ/docs)
15 | 
16 | 介绍
17 | ---
18 | 
19 | ###组件封装和增强###
20 | 1. alert
21 | 2. confirm
22 | 3. dialog
23 | 4. msg
24 | 5. tooltip
25 | 6. popover
26 | 7. tree
27 | 
28 | ###周边组件###
29 | 1. bstro
30 | 	1. 网站引导插件
31 | 	2. 官网：[http://clu3.github.io/bootstro.js/](http://clu3.github.io/bootstro.js/)
32 | 2. bsdate
33 | 	1. 日期插件
34 | 	2. 官网：[https://github.com/eternicode/bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker)
35 | 
36 | 捐助
37 | ---
38 | 希望得到您的捐助：
39 | 
40 | （支付宝捐助）
41 | 
42 | ![zhifubao](http://uikoo9.qiniudn.com/@/img/donate/zhifu2.png)
43 | 
44 | （微信捐助）
45 | 
46 | ![weixin](http://uikoo9.qiniudn.com/@/img/donate/zhifu1.png)
47 | 
48 | 
49 | 
50 | 
51 | 
52 | 
53 | 
54 | 
55 | 


--------------------------------------------------------------------------------
/bootstrapQ.js:
--------------------------------------------------------------------------------
  1 | $.fn.qdata = function(){
  2 | 	var res = {};
  3 | 	
  4 | 	var data = $(this).attr('data');
  5 | 	if(data){
  6 | 		var options = data.split(';');
  7 | 		for(var i=0; i<options.length; i++){
  8 | 			if(options[i]){
  9 | 				var opt = options[i].split(':');
 10 | 				res[opt[0]] = opt[1];
 11 | 			}
 12 | 		}
 13 | 	}
 14 | 	
 15 | 	return res;
 16 | };
 17 | 
 18 | /**
 19 |  * \u5c01\u88c5\u4e00\u4e9b\u5e38\u7528\u65b9\u6cd5
 20 |  * 1.ajax
 21 |  * 2.on
 22 |  */
 23 | var qiao = {};
 24 | 
 25 | qiao.ajaxoptions = {
 26 | 	url 	: '',
 27 | 	data 	: {},
 28 | 	type 	: 'post',
 29 | 	dataType: 'json',
 30 | 	async 	: false
 31 | };
 32 | qiao.ajaxopt = function(options){
 33 | 	var opt = $.extend({}, qiao.ajaxoptions);
 34 | 	if(typeof options == 'string'){
 35 | 		opt.url = options;
 36 | 	}else{
 37 | 		$.extend(opt, options);
 38 | 	}
 39 | 	
 40 | 	return opt;
 41 | };
 42 | qiao.ajax = function(options){
 43 | 	if(!options){
 44 | 		alert('need options');
 45 | 	}else{
 46 | 		var res;
 47 | 		$.ajax(qiao.ajaxopt(options)).done(function(obj){res = obj;});
 48 | 		
 49 | 		return res;
 50 | 	}
 51 | };
 52 | qiao.on = function(obj, event, func){
 53 | 	$(document).off(event, obj).on(event, obj, func);
 54 | };
 55 | 
 56 | /**
 57 |  * \u5bf9bootstrap\u7684\u5c01\u88c5
 58 |  * 1.alert
 59 |  * 2.confirm
 60 |  * 3.dialog
 61 |  * 4.msg
 62 |  * 5.tooltip
 63 |  * 6.popover
 64 |  * 7.bstree
 65 |  * 8.bstro
 66 |  */
 67 | bootstrapQ 	= {};
 68 | bootstrapQ.modaloptions = {
 69 | 	url 	: '',
 70 | 	fade	: 'fade',
 71 | 	close	: true,
 72 | 	title	: 'title',
 73 | 	head	: true,
 74 | 	foot	: true,
 75 | 	btn		: false,
 76 | 	okbtn	: '\u786e\u5b9a',
 77 | 	qubtn	: '\u53d6\u6d88',
 78 | 	msg		: 'msg',
 79 | 	big		: false,
 80 | 	show	: false,
 81 | 	remote	: false,
 82 | 	backdrop: 'static',
 83 | 	keyboard: true,
 84 | 	style	: '',
 85 | 	mstyle	: ''
 86 | };
 87 | bootstrapQ.modalstr = function(opt){
 88 | 	var start = '<div class="modal '+opt.fade+'" id="bsmodal" tabindex="-1" role="dialog" aria-labelledby="bsmodaltitle" aria-hidden="true" style="position:fixed;top:20px;'+opt.style+'">';
 89 | 	if(opt.big){
 90 | 		start += '<div class="modal-dialog modal-lg" style="'+opt.mstyle+'"><div class="modal-content">';
 91 | 	}else{
 92 | 		start += '<div class="modal-dialog" style="'+opt.mstyle+'"><div class="modal-content">';
 93 | 	}
 94 | 	var end = '</div></div></div>';
 95 | 	
 96 | 	var head = '';
 97 | 	if(opt.head){
 98 | 		head += '<div class="modal-header">';
 99 | 		if(opt.close){
100 | 			head += '<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>';
101 | 		}
102 | 		head += '<h3 class="modal-title" id="bsmodaltitle">'+opt.title+'</h3></div>';
103 | 	}
104 | 	
105 | 	var body = '<div class="modal-body"><p><h4>'+opt.msg+'</h4></p></div>';
106 | 	
107 | 	var foot = '';
108 | 	if(opt.foot){
109 | 		foot += '<div class="modal-footer"><button type="button" class="btn btn-primary bsok">'+opt.okbtn+'</button>';
110 | 		if(opt.btn){
111 | 			foot += '<button type="button" class="btn btn-default bscancel">'+opt.qubtn+'</button>';
112 | 		}
113 | 		foot += '</div>';
114 | 	}
115 | 	
116 | 	return start + head + body + foot + end;
117 | };
118 | bootstrapQ.alert = function(options, func){
119 | 	// options
120 | 	var opt = $.extend({}, bootstrapQ.modaloptions);
121 | 	
122 | 	opt.title = '\u63d0\u793a';
123 | 	if(typeof options == 'string'){
124 | 		opt.msg = options;
125 | 	}else{
126 | 		$.extend(opt, options);
127 | 	}
128 | 	
129 | 	// add
130 | 	$('body').append(bootstrapQ.modalstr(opt));
131 | 	
132 | 	// init
133 | 	var $modal = $('#bsmodal'); 
134 | 	$modal.modal(opt);
135 | 	
136 | 	// bind
137 | 	qiao.on('button.bsok', 'click', function(){
138 | 		if(func) func();
139 | 		$modal.modal('hide');
140 | 	});
141 | 	qiao.on('#bsmodal', 'hidden.bs.modal', function(){
142 | 		$modal.remove();
143 | 	});
144 | 	
145 | 	// show
146 | 	$modal.modal('show');
147 | };
148 | bootstrapQ.confirm = function(options, ok, cancel){
149 | 	// options
150 | 	var opt = $.extend({}, bootstrapQ.modaloptions);
151 | 
152 | 	opt.title = '\u786e\u8ba4\u64cd\u4f5c';
153 | 	if(typeof options == 'string'){
154 | 		opt.msg = options;
155 | 	}else{
156 | 		$.extend(opt, options);
157 | 	}
158 | 	opt.btn = true;
159 | 	
160 | 	// append
161 | 	$('body').append(bootstrapQ.modalstr(opt));
162 | 	
163 | 	// init
164 | 	var $modal = $('#bsmodal'); 
165 | 	$modal.modal(opt);
166 | 	
167 | 	// bind
168 | 	qiao.on('button.bsok', 'click', function(){
169 | 		if(ok) ok();
170 | 		$modal.modal('hide');
171 | 	});
172 | 	qiao.on('button.bscancel', 'click', function(){
173 | 		if(cancel) cancel();
174 | 		$modal.modal('hide');
175 | 	});
176 | 	qiao.on('#bsmodal', 'hidden.bs.modal', function(){
177 | 		$modal.remove();
178 | 	});
179 | 	
180 | 	// show
181 | 	$modal.modal('show');
182 | };
183 | bootstrapQ.dialog = function(options, func){
184 | 	// options
185 | 	var opt = $.extend({}, bootstrapQ.modaloptions, options);
186 | 	opt.big = true;
187 | 	
188 | 	// append
189 | 	$('body').append(bootstrapQ.modalstr(opt));
190 | 	
191 | 	// ajax page
192 | 	var html = qiao.ajax({url:options.url, dataType:'html'});
193 | 	$('#bsmodal div.modal-body').empty().append(html);
194 | 	
195 | 	// init
196 | 	var $modal = $('#bsmodal'); 
197 | 	$modal.modal(opt);
198 | 	
199 | 	// bind
200 | 	qiao.on('button.bsok', 'click', function(){
201 | 		var flag = true;
202 | 		if(func){
203 | 			flag = func();
204 | 		}
205 | 		
206 | 		if(flag){
207 | 			$modal.modal('hide');
208 | 		}
209 | 	});
210 | 	qiao.on('#bsmodal', 'hidden.bs.modal', function(){
211 | 		$modal.remove();
212 | 	});
213 | 	
214 | 	// show
215 | 	$modal.modal('show');
216 | };
217 | bootstrapQ.msgoptions = {
218 | 	msg  : 'msg',
219 | 	type : 'info',
220 | 	time : 2000,
221 | 	position : 'top'
222 | };
223 | bootstrapQ.msgstr = function(msg, type, position){
224 | 	return '<div class="alert alert-'+type+' alert-dismissible" role="alert" style="display:none;position:fixed;' + position + ':0;left:0;width:100%;z-index:2001;margin:0;text-align:center;" id="bsalert"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>'+msg+'</div>';
225 | };
226 | bootstrapQ.msg = function(options){
227 | 	var opt = $.extend({},bootstrapQ.msgoptions);
228 | 	
229 | 	if(typeof options == 'string'){
230 | 		opt.msg = options;
231 | 	}else{
232 | 		$.extend(opt, options);
233 | 	}
234 | 	
235 | 	$('body').prepend(bootstrapQ.msgstr(opt.msg, opt.type , opt.position));
236 | 	$('#bsalert').slideDown();
237 | 	setTimeout(function(){
238 | 		$('#bsalert').slideUp(function(){
239 | 			$('#bsalert').remove();
240 | 		});
241 | 	},opt.time);
242 | };
243 | bootstrapQ.popoptions = {
244 | 	animation 	: true,
245 | 	container 	: 'body',
246 | 	content		: 'content',
247 | 	html		: true,
248 | 	placement	: 'bottom',
249 | 	title		: '',
250 | 	trigger		: 'hover'//click | hover | focus | manual.
251 | };
252 | $.fn.bstip = function(options){
253 | 	var opt = $.extend({}, bootstrapQ.popoptions);
254 | 	if(typeof options == 'string'){
255 | 		opt.title = options;
256 | 	}else{
257 | 		$.extend(opt, options);
258 | 	}
259 | 	
260 | 	$(this).data(opt).tooltip();
261 | };
262 | $.fn.bspop = function(options){
263 | 	var opt = $.extend({}, bootstrapQ.popoptions);
264 | 	if(typeof options == 'string'){
265 | 		opt.content = options;
266 | 	}else{
267 | 		$.extend(opt, options);
268 | 	}
269 | 	
270 | 	$(this).popover(opt);
271 | };
272 | bootstrapQ.tree = {};
273 | bootstrapQ.tree.options = {
274 | 	url 	: '/ucenter/menu',
275 | 	height 	: '600px',
276 | 	open	: true,
277 | 	edit	: false,
278 | 	checkbox: false,
279 | 	showurl	: true
280 | };
281 | $.fn.bstree = function(options){
282 | 	var opt = $.extend({}, bootstrapQ.tree.options);
283 | 	if(options){
284 | 		if(typeof options == 'string'){
285 | 			opt.url = options;
286 | 		}else{
287 | 			$.extend(opt, options);
288 | 		}
289 | 	}
290 | 	
291 | 	var res = '\u52a0\u8f7d\u5931\u8d25\uff01';
292 | 	var json = qiao.ajax(opt.url + '/tree');
293 | 	if(json && json.object){
294 | 		var tree = json.object;
295 | 		
296 | 		var start = '<div class="panel panel-info"><div class="panel-body" ';
297 | 		if(opt.height != 'auto') 
298 | 			start += 'style="height:600px;overflow-y:auto;"';
299 | 			start += '><ul class="nav nav-list sidenav" id="treeul" data="url:' + opt.url +';">';
300 | 		var children = bootstrapQ.tree.sub(tree, opt);
301 | 		var end = '</ul></div></div>';
302 | 		res = start + children + end;
303 | 	}
304 | 	
305 | 	$(this).empty().append(res);
306 | 	bootstrapQ.tree.init();
307 | };
308 | bootstrapQ.tree.sub = function(tree, opt){
309 | 	var res = '';
310 | 	if(tree){
311 | 		var res = 
312 | 			'<li>' + 
313 | 				'<a href="javascript:void(0);" data="id:' + tree.id + ';url:' + tree.url + ';">' + 
314 | 					'<span class="glyphicon glyphicon-minus"></span>';
315 | 		if(opt.checkbox){
316 | 			res += '<input type="checkbox" class="treecheckbox" ';
317 | 			if(tree.checked){
318 | 				res += 'checked';
319 | 			}
320 | 			res += '/>';
321 | 		}
322 | 			res += tree.text;
323 | 		if(opt.showurl){
324 | 			res += '(' + tree.url + ')';
325 | 		}
326 | 		if(opt.edit)
327 | 			res += 
328 | 				'&nbsp;&nbsp;<span class="label label-primary bstreeadd">\u6dfb\u52a0\u5b50\u83dc\u5355</span>' + 
329 | 				'&nbsp;&nbsp;<span class="label label-primary bstreeedit">\u4fee\u6539</span>' + 
330 | 				'&nbsp;&nbsp;<span class="label label-danger  bstreedel">\u5220\u9664</span>';
331 | 			res += '</a>';
332 | 		var children = tree.children;
333 | 		if(children && children.length > 0){
334 | 				res += '<ul style="padding-left:20px;" id="treeid_' + tree.id + '" class="nav collapse ';
335 | 			if(opt.open) 
336 | 				res += 'in';
337 | 				res += '">';
338 | 			for(var i=0; i<children.length; i++){
339 | 				res += bootstrapQ.tree.sub(children[i], opt);
340 | 			}
341 | 				res += '</ul>';
342 | 		}
343 | 		res += '</li>';
344 | 	}
345 | 	
346 | 	return res;
347 | };
348 | bootstrapQ.tree.init = function(){
349 | 	qiao.on('#treeul .glyphicon-minus', 'click', function(){
350 | 		if($(this).parent().next().length > 0){
351 | 			$('#treeid_' + $(this).parents('a').qdata().id).collapse('hide');
352 | 			$(this).removeClass('glyphicon-minus').addClass('glyphicon-plus');
353 | 		}
354 | 	});
355 | 	qiao.on('#treeul .glyphicon-plus', 'click', function(){
356 | 		if($(this).parent().next().length > 0){
357 | 			$('#treeid_' + $(this).parents('a').qdata().id).collapse('show');
358 | 			$(this).removeClass('glyphicon-plus').addClass('glyphicon-minus');
359 | 		}
360 | 	});
361 | 	qiao.on('input.treecheckbox', 'change', function(){
362 | 		// \u68c0\u6d4b\u5b50\u7ea7\u7684
363 | 		var subFlag = $(this).prop('checked');
364 | 		$(this).parent().next().find('input.treecheckbox').each(function(){
365 | 			$(this).prop('checked', subFlag);
366 | 		});
367 | 		
368 | 		// \u68c0\u6d4b\u7236\u8f88\u7684
369 | 		var parentFlag = true;
370 | 		var $ul = $(this).parent().parent().parent(); 
371 | 		$ul.children().each(function(){
372 | 			var checked = $(this).children().children('input').prop('checked');
373 | 			if(!checked) parentFlag = false;
374 | 		});
375 | 		$ul.prev().children('input').prop('checked', parentFlag);
376 | 	});
377 | 	
378 | 	bootstrapQ.tree.url = $('#treeul').qdata().url;
379 | 	if(bootstrapQ.tree.url){
380 | 		qiao.on('.bstreeadd', 'click', bootstrapQ.tree.addp);
381 | 		qiao.on('.bstreedel', 'click', bootstrapQ.tree.del);
382 | 		qiao.on('.bstreeedit', 'click', bootstrapQ.tree.editp);
383 | 	}
384 | };
385 | bootstrapQ.tree.addp = function(){
386 | 	bootstrapQ.dialog({
387 | 		url 	: bootstrapQ.tree.url + '/add/' + $(this).parent().qdata().id,
388 | 		title 	: '\u6dfb\u52a0\u5b50\u83dc\u5355',
389 | 		okbtn 	: '\u4fdd\u5b58'
390 | //	}, bootstrapQ.tree.add);
391 | 	}, function(){});
392 | };
393 | //bootstrapQ.tree.add = function(){
394 | //	var res = qiao.ajax({url:bootstrapQ.tree.url + '/save',data:$('#bsmodal').find('form').qser()});
395 | //	bootstrapQ.msg(res);
396 | //
397 | //	if(res && res.type == 'success'){
398 | //		qiao.crud.url = bootstrapQ.tree.url;
399 | //		qiao.crud.reset();
400 | //		return true;
401 | //	}else{
402 | //		return false;
403 | //	}
404 | //};
405 | bootstrapQ.tree.del = function(){
406 | 	var res = qiao.ajax({url:bootstrapQ.tree.url + '/del/' + $(this).parent().qdata().id});
407 | 	bootstrapQ.msg(res);
408 | 	
409 | //	if(res && res.type == 'success'){
410 | //		qiao.crud.url = bootstrapQ.tree.url;
411 | //		qiao.crud.reset();
412 | //	}
413 | };
414 | bootstrapQ.tree.editp = function(){
415 | 	bootstrapQ.dialog({
416 | 		url 	: bootstrapQ.tree.url + '/savep?id=' + $(this).parent().qdata().id,
417 | 		title 	: '\u4fee\u6539\u83dc\u5355',
418 | 		okbtn 	: '\u4fdd\u5b58'
419 | //	}, bootstrapQ.tree.edit);
420 | 	}, function(){});
421 | };
422 | //bootstrapQ.tree.edit = function(){
423 | //	qiao.crud.url = bootstrapQ.tree.url;
424 | //	return qiao.crud.save();
425 | //};
426 | bootstrapQ.bstrooptions = {
427 | 	width 	: '500px',
428 | 	html 	: 'true',
429 | 	nbtext	: '\u4e0b\u4e00\u6b65',
430 | 	place 	: 'bottom',
431 | 	title 	: '\u7f51\u7ad9\u4f7f\u7528\u5f15\u5bfc',
432 | 	content : 'content'
433 | };
434 | bootstrapQ.bstroinit = function(selector, options, step){
435 | 	if(selector){
436 | 		var $element = $(selector);
437 | 		if($element.length > 0){
438 | 			var opt = $.extend({}, bootstrapQ.bstrooptions, options);
439 | 			if(typeof options == 'string'){
440 | 				opt.content = options;
441 | 			}else{
442 | 				$.extend(opt, options);
443 | 			}
444 | 			
445 | 			$element.each(function(){
446 | 				$(this).attr({
447 | 					'data-bootstro-width'			: opt.width, 
448 | 					'data-bootstro-title' 			: opt.title, 
449 | 					'data-bootstro-html'			: opt.html,
450 | 					'data-bootstro-content'			: opt.content, 
451 | 					'data-bootstro-placement'		: opt.place,
452 | 					'data-bootstro-nextButtonText'	: opt.nbtext,
453 | 					'data-bootstro-step'			: step
454 | 				}).addClass('bootstro');
455 | 			});
456 | 		}
457 | 	}
458 | };
459 | bootstrapQ.bstroopts = {
460 | 	prevButtonText : '\u4e0a\u4e00\u6b65',
461 | 	finishButton : '<button class="btn btn-lg btn-success bootstro-finish-btn"><i class="icon-ok"></i>\u5b8c\u6210</button>',
462 | 	stopOnBackdropClick : false,
463 | 	stopOnEsc : false
464 | };
465 | bootstrapQ.bstro = function(bss, options){
466 | 	if(bss && bss.length > 0){
467 | 		for(var i=0; i<bss.length; i++){
468 | 			bootstrapQ.bstroinit(bss[i][0], bss[i][1], i);
469 | 		}
470 | 		
471 | 		var opt = $.extend({}, bootstrapQ.bstroopts);
472 | 		if(options){
473 | 			if(options.hasOwnProperty('pbtn')){
474 | 				opt.prevButtonText = options.pbtn;
475 | 			}
476 | 			if(options.hasOwnProperty('obtn')){
477 | 				if(options.obtn == ''){
478 | 					opt.finishButton = '';
479 | 				}else{
480 | 					opt.finishButton = '<button class="btn btn-mini btn-success bootstro-finish-btn"><i class="icon-ok"></i>'+options.obtn+'</button>';
481 | 				}
482 | 			}
483 | 			if(options.hasOwnProperty('stop')){
484 | 				opt.stopOnBackdropClick = options.stop;
485 | 				opt.stopOnEsc = options.stop;
486 | 			}
487 | 			if(options.hasOwnProperty('exit')){
488 | 				opt.onExit = options.exit;
489 | 			}
490 | 		}
491 | 		
492 | 		bootstro.start('.bootstro', opt);
493 | 	}
494 | };
495 | bootstrapQ.bsdateoptions = {
496 | 	autoclose: true,
497 | 	language : 'zh-CN',
498 | 	format: 'yyyy-mm-dd'
499 | };
500 | bootstrapQ.bsdate = function(selector, options){
501 | 	if(selector){
502 | 		var $element = $(selector);
503 | 		if($element.length > 0){
504 | 			var opt = $.extend({}, bootstrapQ.bsdateoptions, options);
505 | 			$element.each(function(){
506 | 				$(this).datepicker(opt);
507 | 			});
508 | 		}
509 | 	}
510 | };
511 | 


--------------------------------------------------------------------------------
/bootstrapQ.min.js:
--------------------------------------------------------------------------------
 1 | $.fn.qdata=function(){var a={},b=$(this).attr("data");if(b){b=b.split(";");for(var c=0;c<b.length;c++)if(b[c]){var d=b[c].split(":");a[d[0]]=d[1]}}return a};var qiao={};qiao.ajaxoptions={url:"",data:{},type:"post",dataType:"json",async:false};qiao.ajaxopt=function(a){var b=$.extend({},qiao.ajaxoptions);if(typeof a=="string")b.url=a;else $.extend(b,a);return b};qiao.ajax=function(a){if(a){var b;$.ajax(qiao.ajaxopt(a)).done(function(c){b=c});return b}else alert("need options")};
 2 | qiao.on=function(a,b,c){$(document).off(b,a).on(b,a,c)};bootstrapQ={};bootstrapQ.modaloptions={url:"",fade:"fade",close:true,title:"title",head:true,foot:true,btn:false,okbtn:"\u786e\u5b9a",qubtn:"\u53d6\u6d88",msg:"msg",big:false,show:false,remote:false,backdrop:"static",keyboard:true,style:"",mstyle:""};
 3 | bootstrapQ.modalstr=function(a){var b='<div class="modal '+a.fade+'" id="bsmodal" tabindex="-1" role="dialog" aria-labelledby="bsmodaltitle" aria-hidden="true" style="position:fixed;top:20px;'+a.style+'">';b+=a.big?'<div class="modal-dialog modal-lg" style="'+a.mstyle+'"><div class="modal-content">':'<div class="modal-dialog" style="'+a.mstyle+'"><div class="modal-content">';var c="";if(a.head){c+='<div class="modal-header">';if(a.close)c+='<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>';
 4 | c+='<h3 class="modal-title" id="bsmodaltitle">'+a.title+"</h3></div>"}var d='<div class="modal-body"><p><h4>'+a.msg+"</h4></p></div>",e="";if(a.foot){e+='<div class="modal-footer"><button type="button" class="btn btn-primary bsok">'+a.okbtn+"</button>";if(a.btn)e+='<button type="button" class="btn btn-default bscancel">'+a.qubtn+"</button>";e+="</div>"}return b+c+d+e+"</div></div></div>"};
 5 | bootstrapQ.alert=function(a,b){var c=$.extend({},bootstrapQ.modaloptions);c.title="\u63d0\u793a";if(typeof a=="string")c.msg=a;else $.extend(c,a);$("body").append(bootstrapQ.modalstr(c));var d=$("#bsmodal");d.modal(c);qiao.on("button.bsok","click",function(){b&&b();d.modal("hide")});qiao.on("#bsmodal","hidden.bs.modal",function(){d.remove()});d.modal("show")};
 6 | bootstrapQ.confirm=function(a,b,c){var d=$.extend({},bootstrapQ.modaloptions);d.title="\u786e\u8ba4\u64cd\u4f5c";if(typeof a=="string")d.msg=a;else $.extend(d,a);d.btn=true;$("body").append(bootstrapQ.modalstr(d));var e=$("#bsmodal");e.modal(d);qiao.on("button.bsok","click",function(){b&&b();e.modal("hide")});qiao.on("button.bscancel","click",function(){c&&c();e.modal("hide")});qiao.on("#bsmodal","hidden.bs.modal",function(){e.remove()});e.modal("show")};
 7 | bootstrapQ.dialog=function(a,b){var c=$.extend({},bootstrapQ.modaloptions,a);c.big=true;$("body").append(bootstrapQ.modalstr(c));a=qiao.ajax({url:a.url,dataType:"html"});$("#bsmodal div.modal-body").empty().append(a);var d=$("#bsmodal");d.modal(c);qiao.on("button.bsok","click",function(){var e=true;if(b)e=b();e&&d.modal("hide")});qiao.on("#bsmodal","hidden.bs.modal",function(){d.remove()});d.modal("show")};bootstrapQ.msgoptions={msg:"msg",type:"info",time:2E3,position:"top"};
 8 | bootstrapQ.msgstr=function(a,b,c){return'<div class="alert alert-'+b+' alert-dismissible" role="alert" style="display:none;position:fixed;'+c+':0;left:0;width:100%;z-index:2001;margin:0;text-align:center;" id="bsalert"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>'+a+"</div>"};
 9 | bootstrapQ.msg=function(a){var b=$.extend({},bootstrapQ.msgoptions);if(typeof a=="string")b.msg=a;else $.extend(b,a);$("body").prepend(bootstrapQ.msgstr(b.msg,b.type,b.position));$("#bsalert").slideDown();setTimeout(function(){$("#bsalert").slideUp(function(){$("#bsalert").remove()})},b.time)};bootstrapQ.popoptions={animation:true,container:"body",content:"content",html:true,placement:"bottom",title:"",trigger:"hover"};
10 | $.fn.bstip=function(a){var b=$.extend({},bootstrapQ.popoptions);if(typeof a=="string")b.title=a;else $.extend(b,a);$(this).data(b).tooltip()};$.fn.bspop=function(a){var b=$.extend({},bootstrapQ.popoptions);if(typeof a=="string")b.content=a;else $.extend(b,a);$(this).popover(b)};bootstrapQ.tree={};bootstrapQ.tree.options={url:"/ucenter/menu",height:"600px",open:true,edit:false,checkbox:false,showurl:true};
11 | $.fn.bstree=function(a){var b=$.extend({},bootstrapQ.tree.options);if(a)if(typeof a=="string")b.url=a;else $.extend(b,a);a="\u52a0\u8f7d\u5931\u8d25\uff01";var c=qiao.ajax(b.url+"/tree");if(c&&c.object){c=c.object;a='<div class="panel panel-info"><div class="panel-body" ';if(b.height!="auto")a+='style="height:600px;overflow-y:auto;"';a+='><ul class="nav nav-list sidenav" id="treeul" data="url:'+b.url+';">';b=bootstrapQ.tree.sub(c,b);a=a+b+"</ul></div></div>"}$(this).empty().append(a);bootstrapQ.tree.init()};
12 | bootstrapQ.tree.sub=function(a,b){var c="";if(a){c='<li><a href="javascript:void(0);" data="id:'+a.id+";url:"+a.url+';"><span class="glyphicon glyphicon-minus"></span>';if(b.checkbox){c+='<input type="checkbox" class="treecheckbox" ';if(a.checked)c+="checked";c+="/>"}c+=a.text;if(b.showurl)c+="("+a.url+")";if(b.edit)c+='&nbsp;&nbsp;<span class="label label-primary bstreeadd">\u6dfb\u52a0\u5b50\u83dc\u5355</span>&nbsp;&nbsp;<span class="label label-primary bstreeedit">\u4fee\u6539</span>&nbsp;&nbsp;<span class="label label-danger  bstreedel">\u5220\u9664</span>';
13 | c+="</a>";var d=a.children;if(d&&d.length>0){c+='<ul style="padding-left:20px;" id="treeid_'+a.id+'" class="nav collapse ';if(b.open)c+="in";c+='">';for(a=0;a<d.length;a++)c+=bootstrapQ.tree.sub(d[a],b);c+="</ul>"}c+="</li>"}return c};
14 | bootstrapQ.tree.init=function(){qiao.on("#treeul .glyphicon-minus","click",function(){if($(this).parent().next().length>0){$("#treeid_"+$(this).parents("a").qdata().id).collapse("hide");$(this).removeClass("glyphicon-minus").addClass("glyphicon-plus")}});qiao.on("#treeul .glyphicon-plus","click",function(){if($(this).parent().next().length>0){$("#treeid_"+$(this).parents("a").qdata().id).collapse("show");$(this).removeClass("glyphicon-plus").addClass("glyphicon-minus")}});qiao.on("input.treecheckbox",
15 | "change",function(){var a=$(this).prop("checked");$(this).parent().next().find("input.treecheckbox").each(function(){$(this).prop("checked",a)});var b=true,c=$(this).parent().parent().parent();c.children().each(function(){$(this).children().children("input").prop("checked")||(b=false)});c.prev().children("input").prop("checked",b)});bootstrapQ.tree.url=$("#treeul").qdata().url;if(bootstrapQ.tree.url){qiao.on(".bstreeadd","click",bootstrapQ.tree.addp);qiao.on(".bstreedel","click",bootstrapQ.tree.del);
16 | qiao.on(".bstreeedit","click",bootstrapQ.tree.editp)}};bootstrapQ.tree.addp=function(){bootstrapQ.dialog({url:bootstrapQ.tree.url+"/add/"+$(this).parent().qdata().id,title:"\u6dfb\u52a0\u5b50\u83dc\u5355",okbtn:"\u4fdd\u5b58"},function(){})};bootstrapQ.tree.del=function(){var a=qiao.ajax({url:bootstrapQ.tree.url+"/del/"+$(this).parent().qdata().id});bootstrapQ.msg(a)};bootstrapQ.tree.editp=function(){bootstrapQ.dialog({url:bootstrapQ.tree.url+"/savep?id="+$(this).parent().qdata().id,title:"\u4fee\u6539\u83dc\u5355",okbtn:"\u4fdd\u5b58"},function(){})};
17 | bootstrapQ.bstrooptions={width:"500px",html:"true",nbtext:"\u4e0b\u4e00\u6b65",place:"bottom",title:"\u7f51\u7ad9\u4f7f\u7528\u5f15\u5bfc",content:"content"};
18 | bootstrapQ.bstroinit=function(a,b,c){if(a){a=$(a);if(a.length>0){var d=$.extend({},bootstrapQ.bstrooptions,b);if(typeof b=="string")d.content=b;else $.extend(d,b);a.each(function(){$(this).attr({"data-bootstro-width":d.width,"data-bootstro-title":d.title,"data-bootstro-html":d.html,"data-bootstro-content":d.content,"data-bootstro-placement":d.place,"data-bootstro-nextButtonText":d.nbtext,"data-bootstro-step":c}).addClass("bootstro")})}}};
19 | bootstrapQ.bstroopts={prevButtonText:"\u4e0a\u4e00\u6b65",finishButton:'<button class="btn btn-lg btn-success bootstro-finish-btn"><i class="icon-ok"></i>\u5b8c\u6210</button>',stopOnBackdropClick:false,stopOnEsc:false};
20 | bootstrapQ.bstro=function(a,b){if(a&&a.length>0){for(var c=0;c<a.length;c++)bootstrapQ.bstroinit(a[c][0],a[c][1],c);a=$.extend({},bootstrapQ.bstroopts);if(b){if(b.hasOwnProperty("pbtn"))a.prevButtonText=b.pbtn;if(b.hasOwnProperty("obtn"))a.finishButton=b.obtn==""?"":'<button class="btn btn-mini btn-success bootstro-finish-btn"><i class="icon-ok"></i>'+b.obtn+"</button>";if(b.hasOwnProperty("stop")){a.stopOnBackdropClick=b.stop;a.stopOnEsc=b.stop}if(b.hasOwnProperty("exit"))a.onExit=b.exit}bootstro.start(".bootstro",
21 | a)}};bootstrapQ.bsdateoptions={autoclose:true,language:"zh-CN",format:"yyyy-mm-dd"};bootstrapQ.bsdate=function(a,b){if(a){a=$(a);if(a.length>0){var c=$.extend({},bootstrapQ.bsdateoptions,b);a.each(function(){$(this).datepicker(c)})}}};
22 | 


--------------------------------------------------------------------------------