').html($('
').addClass('sp-iconfont if-close')).addClass(css.clear_btn).attr('title', msg.clear);
if(!p.dropButton) elem.clear_btn.addClass(css.align_right);
//main box in multiple mode
@@ -696,9 +694,9 @@
//Multiple select mode
if(p.multiple){
if(p.multipleControlbar){
- elem.control.append('');
- elem.control.append('');
- elem.control.append('');
+ elem.control.append('');
+ elem.control.append('');
+ elem.control.append('');
elem.control_text = $('');
elem.control.append(elem.control_text);
elem.result_area.prepend(elem.control);
@@ -819,7 +817,7 @@
self.clearAll(self);
$.each(data,function(i,row){
var item = {text:getText(row),value:row[p.keyField]};
- if(!self.isAlreadySelected(self,item)) self.addNewTag(self,item);
+ if(!self.isAlreadySelected(self,item)) self.addNewTag(self, row, item);
});
self.tagValuesSet(self);
self.inputResize(self);
@@ -877,7 +875,7 @@
el.container.on('click.SelectPage','div.'+self.css_class.clear_btn,function(e){
e.stopPropagation();
if(!self.disabled(self)){
- self.clearAll(self);
+ self.clearAll(self, true);
if(p.eClear && $.isFunction(p.eClear)) p.eClear(self);
}
});
@@ -904,7 +902,7 @@
});
//Clear all selected item
el.control.find('.sp_clear_all').on('click.SelectPage',function(e){
- self.clearAll(self);
+ self.clearAll(self, true);
}).hover(function(){
el.control_text.html(msg.clear_all);
},function(){
@@ -917,11 +915,10 @@
});
//Tag close
el.element_box.on('click.SelectPage','span.tag_close',function(){
- var li = $(this).closest('li');
- self.removeTag(self,li);
+ var li = $(this).closest('li'), data = li.data('dataObj');
+ self.removeTag(self, li);
showList();
- if(p.eTagRemove && $.isFunction(p.eTagRemove))
- p.eTagRemove(1, self);
+ if(p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove([data]);
});
self.inputResize(self);
}
@@ -953,11 +950,11 @@
d.hideResults(d);
return true;
}
- if (d.elem.results.find('li').not('.'+css.message_box).size()) {
+ if (d.elem.results.find('li').not('.'+css.message_box).length) {
if(d.option.autoFillResult) {
//have selected item, then hide result list
if (d.elem.hidden.val()) d.hideResults(d);
- else if(d.elem.results.find('li.sp_over').size()){
+ else if(d.elem.results.find('li.sp_over').length){
//no one selected and have highlight item, select the highlight item
d.selectCurrentLine(d, true);
}else if(d.option.autoSelectFirst){
@@ -1080,7 +1077,7 @@
*/
SelectPage.prototype.showMessage = function(self,msg){
if(!msg) return;
- var msgLi = '
'+msg+'';
+ var msgLi = '
'+msg+'';
self.elem.results.empty().append(msgLi).show();
self.calcResultsSize(self);
self.setOpenStatus(self, true);
@@ -1302,9 +1299,9 @@
pageNumber: which_page_num,
pageSize: p.pageSize,
andOr: p.andOr,
- orderBy: p.orderBy,
searchTable: p.dbTable
};
+ if(p.orderBy !== false) _orgParams.orderBy = p.orderBy;
_orgParams[searchKey] = q_word[0];
if (_paramsFunc && $.isFunction(_paramsFunc)) {
var result = _paramsFunc.call(self);
@@ -1384,7 +1381,7 @@
} while ( i < q_word.length );
// SELECT * FROM data WHERE field LIKE q_word;
- for (i = 0; i < p.data.length; i++) {
+ for (var i = 0; i < p.data.length; i++) {
var flag = false, row = p.data[i], itemText;
for (var j = 0; j < arr_reg.length; j++) {
itemText = row[p.searchField];
@@ -1402,31 +1399,34 @@
}
// (CASE WHEN ...) then く order some column
- var reg1 = new RegExp('^' + esc_q[0] + '$', 'gi'),
- reg2 = new RegExp('^' + esc_q[0], 'gi'),
- matched1 = [], matched2 = [], matched3 = [];
- for (i = 0; i < matched.length; i++) {
- var orderField = p.orderBy[0][0];
- var orderValue = String(matched[i][orderField]);
- if (orderValue.match(reg1)) {
- matched1.push(matched[i]);
- } else if (orderValue.match(reg2)) {
- matched2.push(matched[i]);
- } else {
- matched3.push(matched[i]);
- }
- }
+ if(p.orderBy === false) sorted = matched.concat();
+ else{
+ var reg1 = new RegExp('^' + esc_q[0] + '$', 'gi'),
+ reg2 = new RegExp('^' + esc_q[0], 'gi'),
+ matched1 = [], matched2 = [], matched3 = [];
+ for (var i = 0; i < matched.length; i++) {
+ var orderField = p.orderBy[0][0];
+ var orderValue = String(matched[i][orderField]);
+ if (orderValue.match(reg1)) {
+ matched1.push(matched[i]);
+ } else if (orderValue.match(reg2)) {
+ matched2.push(matched[i]);
+ } else {
+ matched3.push(matched[i]);
+ }
+ }
- if (p.orderBy[0][1].match(/^asc$/i)) {
- matched1 = self.sortAsc(self, matched1);
- matched2 = self.sortAsc(self, matched2);
- matched3 = self.sortAsc(self, matched3);
- } else {
- matched1 = self.sortDesc(self, matched1);
- matched2 = self.sortDesc(self, matched2);
- matched3 = self.sortDesc(self, matched3);
- }
- sorted = sorted.concat(matched1).concat(matched2).concat(matched3);
+ if (p.orderBy[0][1].match(/^asc$/i)) {
+ matched1 = self.sortAsc(self, matched1);
+ matched2 = self.sortAsc(self, matched2);
+ matched3 = self.sortAsc(self, matched3);
+ } else {
+ matched1 = self.sortDesc(self, matched1);
+ matched2 = self.sortDesc(self, matched2);
+ matched3 = self.sortDesc(self, matched3);
+ }
+ sorted = sorted.concat(matched1).concat(matched2).concat(matched3);
+ }
/*
if (sorted.length === undefined || sorted.length === 0 ) {
@@ -1467,7 +1467,7 @@
//save original data
json.originalResult = [];
//after data filter handle
- for (i = start; i < end; i++) {
+ for (var i = start; i < end; i++) {
if (sorted[i] === undefined) break;
json.originalResult.push(sorted[i]);
for (var key in sorted[i]) {
@@ -1562,12 +1562,12 @@
var pageInfo = msg.page_info;
return pageInfo.replace(self.template.page.current, page_num).replace(self.template.page.total, last_page);
};
- if (pagebar.find('li').size() === 0) {
+ if (pagebar.find('li').length === 0) {
pagebar.hide().empty();
- var iconFist='iconfont if-first',
- iconPrev='iconfont if-previous',
- iconNext='iconfont if-next',
- iconLast='iconfont if-last';
+ var iconFist='sp-iconfont if-first',
+ iconPrev='sp-iconfont if-previous',
+ iconNext='sp-iconfont if-next',
+ iconLast='sp-iconfont if-last';
pagebar.append('
');
pagebar.append('
');
@@ -1629,7 +1629,7 @@
var p = self.option, el = self.elem;
el.results.hide().empty();
if(p.multiple && $.type(p.maxSelectLimit) === 'number' && p.maxSelectLimit > 0){
- var selectedSize = el.element_box.find('li.selected_tag').size();
+ var selectedSize = el.element_box.find('li.selected_tag').length;
if(selectedSize > 0 && selectedSize >= p.maxSelectLimit){
var msg = self.message.max_selected;
self.showMessage(self, msg.replace(self.template.msg.maxSelectLimit, p.maxSelectLimit));
@@ -1666,7 +1666,7 @@
el.results.append(list);
}
}else{
- var li = '
'+
+ var li = ' '+
self.message.not_found + '';
el.results.append(li);
}
@@ -1795,10 +1795,8 @@
if($.type(disabled) === 'undefined') return el.combo_input.prop('disabled');
if($.type(disabled) === 'boolean'){
el.combo_input.prop('disabled', disabled);
- if(disabled)
- el.container.addClass(self.css_class.disabled);
- else
- el.container.removeClass(self.css_class.disabled);
+ if(disabled) el.container.addClass(self.css_class.disabled);
+ else el.container.removeClass(self.css_class.disabled);
}
};
@@ -1852,8 +1850,9 @@
/**
* do something after select/unSelect action
* @param {Object} self
+ * @param {boolean} reOpen
*/
- SelectPage.prototype.afterAction = function(self){
+ SelectPage.prototype.afterAction = function(self, reOpen){
self.inputResize(self);
self.elem.combo_input.change();
self.setCssFocusedInput(self);
@@ -1862,7 +1861,8 @@
if(self.option.selectToCloseList){
self.hideResults(self);
self.elem.combo_input.blur();
- }else{
+ }
+ if(!self.option.selectToCloseList && reOpen){
self.suggest(self);
self.elem.combo_input.focus();
}
@@ -1882,15 +1882,16 @@
var p = self.option, current = self.getCurrentLine(self);
if (current) {
+ var data = current.data('dataObj');
if(!p.multiple){
self.elem.combo_input.val(current.text());
self.elem.hidden.val(current.attr('pkey'));
}else{
//build tags in multiple selection mode
self.elem.combo_input.val('');
- var item = {text:current.text(),value:current.attr('pkey')};
- if(!self.isAlreadySelected(self,item)){
- self.addNewTag(self,item);
+ var item = {text:current.text(), value:current.attr('pkey')};
+ if(!self.isAlreadySelected(self, item)){
+ self.addNewTag(self, data, item);
self.tagValuesSet(self);
}
}
@@ -1898,15 +1899,14 @@
if (p.selectOnly) self.setButtonAttrDefault();
//Select item callback
- if(p.eSelect && $.isFunction(p.eSelect))
- p.eSelect(current.data('dataObj'), self);
+ if(p.eSelect && $.isFunction(p.eSelect)) p.eSelect(data, self);
self.prop.prev_value = self.elem.combo_input.val();
self.prop.selected_text = self.elem.combo_input.val();
self.putClearButton();
}
- self.afterAction(self);
+ self.afterAction(self, true);
};
/**
* Show clear button when item selected in single selection mode
@@ -1921,57 +1921,58 @@
SelectPage.prototype.selectAllLine = function(self){
var p = self.option, jsonarr = new Array();
self.elem.results.find('li').each(function(i,row){
- var $row = $(row);
+ var $row = $(row), data = $row.data('dataObj');
var item = {text:$row.text(),value:$row.attr('pkey')};
if(!self.isAlreadySelected(self,item)){
- self.addNewTag(self,item);
+ self.addNewTag(self, data, item);
self.tagValuesSet(self);
}
- jsonarr.push($row.data('dataObj'));
+ jsonarr.push(data);
//limited max selected items
if($.type(p.maxSelectLimit) === 'number' &&
p.maxSelectLimit > 0 &&
- p.maxSelectLimit === self.elem.element_box.find('li.selected_tag').size()){
+ p.maxSelectLimit === self.elem.element_box.find('li.selected_tag').length){
return false;
}
});
- if(p.eSelect && $.isFunction(p.eSelect))
- p.eSelect(jsonarr, self);
- self.afterAction(self);
+ if(p.eSelect && $.isFunction(p.eSelect)) p.eSelect(jsonarr, self);
+ self.afterAction(self, true);
};
/**
* Cancel select all item in current page
* @param {Object} self
*/
SelectPage.prototype.unSelectAllLine = function(self){
- var p = self.option,size = self.elem.results.find('li').size();
+ var p = self.option,size = self.elem.results.find('li').length, ds = [];
self.elem.results.find('li').each(function(i,row){
var key = $(row).attr('pkey');
var tag = self.elem.element_box.find('li.selected_tag[itemvalue="'+key+'"]');
- self.removeTag(self,tag);
+ if(tag.length) ds.push(tag.data('dataObj'));
+ self.removeTag(self, tag);
});
- self.afterAction(self);
- if(p.eTagRemove && $.isFunction(p.eTagRemove))
- p.eTagRemove(size, self);
+ self.afterAction(self, true);
+ if(p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove(ds);
};
/**
* Clear all selected items
* @param {Object} self
+ * @param {boolean} open - open list after clear selected item
*/
- SelectPage.prototype.clearAll = function(self){
- var p = self.option, size = 0;
+ SelectPage.prototype.clearAll = function(self, open){
+ var p = self.option, ds = [];
if(p.multiple){
- size = self.elem.element_box.find('li.selected_tag').size();
+ self.elem.element_box.find('li.selected_tag').each(function(i, row){
+ ds.push($(row).data('dataObj'));
+ row.remove();
+ });
self.elem.element_box.find('li.selected_tag').remove();
}
self.reset(self);
- self.afterAction(self);
+ self.afterAction(self, open);
- if(!p.multiple) self.elem.clear_btn.remove();
if(p.multiple) {
- if (p.eTagRemove && $.isFunction(p.eTagRemove))
- p.eTagRemove(size, self);
- }
+ if (p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove(ds);
+ }else self.elem.clear_btn.remove();
};
/**
@@ -1992,7 +1993,7 @@
SelectPage.prototype.getCurrentLine = function(self) {
if (self.elem.result_area.is(':hidden')) return false;
var obj = self.elem.results.find('li.' + self.css_class.select);
- if (obj.size()) return obj;
+ if (obj.length) return obj;
else return false;
};
@@ -2016,14 +2017,16 @@
/**
* Add a new tag in multiple selection mode
* @param {Object} self
+ * @param {object} data - raw row data
* @param {Object} item
*/
- SelectPage.prototype.addNewTag = function(self,item){
- if(!self.option.multiple || !item) return;
+ SelectPage.prototype.addNewTag = function(self, data, item){
+ if(!self.option.multiple || !data || !item) return;
var tmp = self.template.tag.content,tag;
tmp = tmp.replace(self.template.tag.textKey,item.text);
tmp = tmp.replace(self.template.tag.valueKey,item.value);
tag = $(tmp);
+ tag.data('dataObj', data);
if(self.elem.combo_input.prop('disabled')) tag.find('span.tag_close').hide();
self.elem.combo_input.closest('li').before(tag);
};
@@ -2054,7 +2057,7 @@
SelectPage.prototype.tagValuesSet = function(self){
if(!self.option.multiple) return;
var tags = self.elem.element_box.find('li.selected_tag');
- if(tags && tags.size()){
+ if(tags && tags.length){
var result = new Array();
$.each(tags,function(i,li){
var v = $(li).attr('itemvalue');
@@ -2080,7 +2083,7 @@
width = (minimumWidth * 0.75) + 'em';
self.elem.combo_input.css('width', width).removeAttr('placeholder');
};
- if(self.elem.element_box.find('li.selected_tag').size() === 0){
+ if(self.elem.element_box.find('li.selected_tag').length === 0){
if(self.elem.combo_input.attr('placeholder_bak')){
if(!inputLi.hasClass('full_width')) inputLi.addClass('full_width');
self.elem.combo_input.attr('placeholder',self.elem.combo_input.attr('placeholder_bak')).removeAttr('style');
diff --git a/selectpage.min.js b/selectpage.min.js
index 90d0896..5ba4373 100644
--- a/selectpage.min.js
+++ b/selectpage.min.js
@@ -1 +1 @@
-(function(g){var e={data:undefined,lang:"cn",multiple:false,pagination:true,dropButton:true,listSize:10,multipleControlbar:true,maxSelectLimit:0,selectToCloseList:false,initRecord:undefined,dbTable:"tbl",keyField:"id",showField:"name",searchField:undefined,andOr:"AND",orderBy:undefined,pageSize:10,params:undefined,formatItem:undefined,autoFillResult:false,autoSelectFirst:false,noResultClean:true,selectOnly:false,inputDelay:0.5,eSelect:undefined,eOpen:undefined,eAjaxSuccess:undefined,eTagRemove:undefined,eClear:undefined};var h=function(l,m){this.setOption(m);this.setLanguage();this.setCssClass();this.setProp();this.setElem(l);this.setButtonAttrDefault();this.setInitRecord();this.eDropdownButton();this.eInput();this.eWhole()};h.version="2.18";h.dataKey="selectPageObject";h.prototype.setOption=function(n){n.searchField=n.searchField||n.showField;n.andOr=n.andOr.toUpperCase();if(n.andOr!=="AND"&&n.andOr!=="OR"){n.andOr="AND"}var l=["searchField"];for(var m=0;m
#item_text#',textKey:"#item_text#",valueKey:"#item_value#"},page:{current:"page_num",total:"page_count"},msg:{maxSelectLimit:"max_selected_limit"}}};h.prototype.elementRealSize=function(q,l){var p={absolute:false,clone:false,includeMargin:false,display:"block"};var t=p,o=q.eq(0),s,u,r=[],n="",m;s=function(){m=o.parents().addBack().filter(":hidden");n+="visibility: hidden !important; display: "+t.display+" !important; ";if(t.absolute===true){n+="position: absolute !important;"}m.each(function(){var w=g(this),x=w.attr("style");r.push(x);w.attr("style",x?x+";"+n:n)})};u=function(){m.each(function(w){var y=g(this),x=r[w];if(x===undefined){y.removeAttr("style")}else{y.attr("style",x)}})};s();var v=/(outer)/.test(l)?o[l](t.includeMargin):o[l]();u();return v};h.prototype.setElem=function(q){var o={},m=this.option,u=this.css_class,n=this.message,x=g(q);var s=x.outerWidth();if(s<=0){s=this.elementRealSize(x,"outerWidth")}if(s<150){s=150}o.combo_input=x.attr({"autocomplete":"off"}).addClass(u.input).wrap("");if(m.selectOnly){o.combo_input.prop("readonly",true)}o.container=o.combo_input.parent().addClass(u.container);if(o.combo_input.prop("disabled")){if(m.multiple){o.container.addClass(u.disabled)}else{o.combo_input.addClass(u.input_off)}}o.container.width(s);o.button=g("
").addClass(u.button);o.dropdown=g('
');o.clear_btn=g("
").html(g("
").addClass("iconfont if-close")).addClass(u.clear_btn).attr("title",n.clear);if(!m.dropButton){o.clear_btn.addClass(u.align_right)}o.element_box=g("