123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232 |
- ;(function ($) {
- "use strict";
-
- var defaults = {
-
- 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: 'OR',
-
- separator: ',',
-
- 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 SelectPage = function (input, option) {
-
- $.each({data: 'source', keyField: 'primaryKey', showField: 'field', pageSize: 'perPage'}, function (i, j) {
- if (typeof option[j] !== 'undefined') {
- option[i] = option[j];
- delete option[j];
- }
- });
- this.setOption(option);
- this.setLanguage();
- this.setCssClass();
- this.setProp();
- this.setElem(input);
- this.setButtonAttrDefault();
- this.setInitRecord();
- this.eDropdownButton();
- this.eInput();
- this.eWhole();
- };
-
- SelectPage.version = '2.19';
-
- SelectPage.dataKey = 'selectPageObject';
-
- SelectPage.prototype.setOption = function (option) {
-
- option.searchField = option.searchField || option.showField;
- option.andOr = option.andOr.toUpperCase();
- if (option.andOr !== 'AND' && option.andOr !== 'OR') option.andOr = 'AND';
-
- var arr = ['searchField'];
- for (var i = 0; i < arr.length; i++) {
- option[arr[i]] = this.strToArray(option[arr[i]]);
- }
-
- option.orderBy = option.orderBy || option.showField;
-
-
- if (option.orderBy !== false) option.orderBy = this.setOrderbyOption(option.orderBy, option.showField);
-
- if (option.multiple && !option.selectToCloseList) {
- option.autoFillResult = false;
- option.autoSelectFirst = false;
- }
-
- if (!option.pagination) option.pageSize = 200;
- if ($.type(option.listSize) !== 'number' || option.listSize < 0) option.listSize = 10;
- if (typeof option.formatItem === 'string') {
- var _formatItem = option.formatItem;
- option.formatItem = function (row) {
- if (typeof Template === 'function' && _formatItem.match(/\#([a-zA-Z0-9_\-]+)$/)) {
- return Template(_formatItem.substring(1), row);
- } else {
- return _formatItem.replace(/\{(.*?)\}/gi, function (matched) {
- matched = matched.substring(1, matched.length - 1);
- return typeof row[matched] !== 'undefined' ? row[matched] : '';
- });
- }
- };
- }
- this.option = option;
- };
-
- SelectPage.prototype.strToArray = function (str) {
- return str ? str.replace(/[\s ]+/g, '').split(',') : '';
- };
-
- SelectPage.prototype.setOrderbyOption = function (arg_order, arg_field) {
- var arr = [], orders = [];
- if (typeof arg_order === 'object') {
- for (var i = 0; i < arg_order.length; i++) {
- orders = $.trim(arg_order[i]).split(' ');
- if (orders.length)
- arr.push((orders.length === 2) ? orders.concat() : [orders[0], 'ASC']);
- }
- } else {
- orders = $.trim(arg_order).split(' ');
- arr[0] = (orders.length === 2) ? orders.concat() : (orders[0].toUpperCase().match(/^(ASC|DESC)$/i)) ? [arg_field, orders[0].toUpperCase()] : [orders[0], 'ASC'];
- }
- return arr;
- };
-
- SelectPage.prototype.setLanguage = function () {
- var message, p = this.option;
- switch (p.lang) {
-
- case 'en':
- message = {
- add_btn: 'Add button',
- add_title: 'add a box',
- del_btn: 'Del button',
- del_title: 'delete a box',
- next: 'Next',
- next_title: 'Next' + p.pageSize + ' (Right key)',
- prev: 'Prev',
- prev_title: 'Prev' + p.pageSize + ' (Left key)',
- first_title: 'First (Shift + Left key)',
- last_title: 'Last (Shift + Right key)',
- get_all_btn: 'Get All (Down key)',
- get_all_alt: '(button)',
- close_btn: 'Close (Tab key)',
- close_alt: '(button)',
- loading: 'loading...',
- loading_alt: '(loading)',
- page_info: 'page_num of page_count',
- select_ng: 'Attention : Please choose from among the list.',
- select_ok: 'OK : Correctly selected.',
- not_found: 'not found',
- ajax_error: 'An error occurred while loading data.',
- clear: 'Clear content',
- select_all: 'Select current page',
- unselect_all: 'Clear current page',
- clear_all: 'Clear all selected',
- max_selected: 'You can only select up to max_selected_limit items'
- };
- break;
-
- case 'cn':
- default:
- message = {
- add_btn: '添加按钮',
- add_title: '添加区域',
- del_btn: '删除按钮',
- del_title: '删除区域',
- next: '下一页',
- next_title: '下' + p.pageSize + ' (→)',
- prev: '上一页',
- prev_title: '上' + p.pageSize + ' (←)',
- first_title: '首页 (Shift + ←)',
- last_title: '尾页 (Shift + →)',
- get_all_btn: '获得全部 (↓)',
- get_all_alt: '(按钮)',
- close_btn: '关闭 (Tab键)',
- close_alt: '(按钮)',
- loading: '读取中...',
- loading_alt: '(读取中)',
- page_info: '第 page_num 页(共page_count页)',
- select_ng: '请注意:请从列表中选择.',
- select_ok: 'OK : 已经选择.',
- not_found: '无查询结果',
- ajax_error: '加载数据时发生了错误!',
- clear: '清除内容',
- select_all: '选择当前页项目',
- unselect_all: '取消选择当前页项目',
- clear_all: '清除全部已选择项目',
- max_selected: '最多只能选择 max_selected_limit 个项目'
- };
- break;
- }
- this.message = message;
- };
-
- SelectPage.prototype.setCssClass = function () {
- var css_class = {
- container: 'sp_container',
- container_open: 'sp_container_open',
- re_area: 'sp_result_area',
- result_open: 'sp_result_area_open',
- control_box: 'sp_control_box',
-
- element_box: 'sp_element_box',
- navi: 'sp_navi',
-
- results: 'sp_results',
- re_off: 'sp_results_off',
- select: 'sp_over',
- select_ok: 'sp_select_ok',
- select_ng: 'sp_select_ng',
- selected: 'sp_selected',
- input_off: 'sp_input_off',
- message_box: 'sp_message_box',
- disabled: 'sp_disabled',
- button: 'sp_button',
- caret_open: 'sp_caret_open',
- btn_on: 'sp_btn_on',
- btn_out: 'sp_btn_out',
- input: 'sp_input',
- clear_btn: 'sp_clear_btn',
- align_right: 'sp_align_right'
- };
- this.css_class = css_class;
- };
-
- SelectPage.prototype.setProp = function () {
- this.prop = {
-
- disabled: false,
- current_page: 1,
-
- max_page: 1,
-
- is_loading: false,
- xhr: false,
- key_paging: false,
- key_select: false,
-
- prev_value: '',
-
- selected_text: '',
- last_input_time: undefined,
- init_set: false
- };
- this.template = {
- tag: {
- content: '<li class="selected_tag" itemvalue="#item_value#">#item_text#<span class="tag_close"><i class="spfont sp-close"></i></span></li>',
- textKey: '#item_text#',
- valueKey: '#item_value#'
- },
- page: {
- current: 'page_num',
- total: 'page_count'
- },
- msg: {
- maxSelectLimit: 'max_selected_limit'
- }
- };
- };
-
- SelectPage.prototype.elementRealSize = function (element, method) {
- var defaults = {
- absolute: false,
- clone: false,
- includeMargin: false,
- display: 'block'
- };
- var configs = defaults, $target = element.eq(0), fix, restore, tmp = [], style = '', $hidden;
- fix = function () {
-
- $hidden = $target.parents().addBack().filter(':hidden');
- style += 'visibility: hidden !important; display: ' + configs.display + ' !important; ';
- if (configs.absolute === true) style += 'position: absolute !important;';
-
-
- $hidden.each(function () {
-
- var $this = $(this), thisStyle = $this.attr('style');
- tmp.push(thisStyle);
-
- $this.attr('style', thisStyle ? thisStyle + ';' + style : style);
- });
- };
- restore = function () {
-
- $hidden.each(function (i) {
- var $this = $(this), _tmp = tmp[i];
- if (_tmp === undefined) $this.removeAttr('style');
- else $this.attr('style', _tmp);
- });
- };
- fix();
-
-
-
- var actual = /(outer)/.test(method) ?
- $target[method](configs.includeMargin) :
- $target[method]();
- restore();
-
- return actual;
- };
-
- SelectPage.prototype.setElem = function (combo_input) {
-
- var elem = {}, p = this.option, css = this.css_class, msg = this.message, input = $(combo_input);
- var cssWidth = input.css("width");
- var orgWidth = input.outerWidth();
- if (cssWidth.indexOf("%") > -1 || input.parent().length > 0 && input.parent().width() == orgWidth) {
- orgWidth = "100%";
- } else {
-
- if (orgWidth <= 0) orgWidth = this.elementRealSize(input, 'outerWidth');
- if (orgWidth < 150) orgWidth = 150;
- }
- elem.combo_input = input.attr({'autocomplete': 'off'}).addClass(css.input).wrap('<div>');
- if (p.selectOnly) elem.combo_input.prop('readonly', true);
- elem.container = elem.combo_input.parent().addClass(css.container);
- if (elem.combo_input.prop('disabled')) {
- if (p.multiple) elem.container.addClass(css.disabled);
- else elem.combo_input.addClass(css.input_off);
- }
-
- elem.container.width(orgWidth);
- elem.button = $('<div>').addClass(css.button);
-
- elem.dropdown = $('<span class="sp_caret"></span>');
-
- elem.clear_btn = $('<div>').html($('<i>').addClass('spfont sp-close')).addClass(css.clear_btn).attr('title', msg.clear);
- if (!p.dropButton) elem.clear_btn.addClass(css.align_right);
-
- elem.element_box = $('<ul>').addClass(css.element_box);
- if (p.multiple && p.multipleControlbar)
- elem.control = $('<div>').addClass(css.control_box);
-
- elem.result_area = $('<div>').addClass(css.re_area);
-
- if (p.pagination) elem.navi = $('<div>').addClass('sp_pagination').append('<ul>');
- elem.results = $('<ul>').addClass(css.results);
- var namePrefix = '_text',
- input_id = elem.combo_input.attr('id') || elem.combo_input.attr('name'),
- input_name = elem.combo_input.attr('name') || 'selectPage',
- hidden_name = input_name,
- hidden_id = input_id;
-
- elem.hidden = $('<input type="hidden" class="sp_hidden" />').attr({
- name: hidden_name,
- id: hidden_id
- }).val('');
- elem.combo_input.attr({
- name: typeof input.data('name') !== 'undefined' ? input.data('name') : input_name + namePrefix,
- id: input_id + namePrefix
- });
- elem.hidden.attr("data-rule", elem.combo_input.data("rule") || '');
- elem.combo_input.attr("novalidate", "novalidate");
-
- elem.container.append(elem.hidden);
- if (p.dropButton) {
- elem.container.append(elem.button)
- elem.button.append(elem.dropdown);
- }
- $(document.body).append(elem.result_area);
- elem.result_area.append(elem.results);
- if (p.pagination) elem.result_area.append(elem.navi);
-
- if (p.multiple) {
- if (p.multipleControlbar) {
- elem.control.append('<button type="button" class="btn btn-default sp_clear_all" ><i class="spfont sp-clear"></i></button>');
- elem.control.append('<button type="button" class="btn btn-default sp_unselect_all" ><i class="spfont sp-unselect-all"></i></button>');
- elem.control.append('<button type="button" class="btn btn-default sp_select_all" ><i class="spfont sp-select-all"></i></button>');
- elem.control_text = $('<p>');
- elem.control.append(elem.control_text);
- elem.result_area.prepend(elem.control);
- }
- elem.container.addClass('sp_container_combo');
- elem.combo_input.addClass('sp_combo_input').before(elem.element_box);
- var li = $('<li>').addClass('input_box');
- li.append(elem.combo_input);
- elem.element_box.append(li);
- if (elem.combo_input.attr('placeholder')) elem.combo_input.attr('placeholder_bak', elem.combo_input.attr('placeholder'));
- }
- this.elem = elem;
- };
-
- SelectPage.prototype.setButtonAttrDefault = function () {
-
-
- if (this.option.dropButton)
- this.elem.button.attr('title', this.message.close_btn);
- };
-
- SelectPage.prototype.setInitRecord = function (refresh) {
- var self = this, p = self.option, el = self.elem, key = '';
- if ($.type(el.combo_input.data('init')) != 'undefined')
- p.initRecord = String(el.combo_input.data('init'));
-
-
- if (!refresh && !p.initRecord && el.combo_input.val())
- p.initRecord = el.combo_input.val();
- el.combo_input.val('');
- if (!refresh) el.hidden.val(p.initRecord);
- key = refresh && el.hidden.val() ? el.hidden.val() : p.initRecord;
- if (key) {
- if (typeof p.data === 'object') {
- var data = new Array();
- var keyarr = key.split(',');
- $.each(keyarr, function (index, row) {
- for (var i = 0; i < p.data.length; i++) {
- if (p.data[i][p.keyField] == row) {
- data.push(p.data[i]);
- break;
- }
- }
- });
- if (!p.multiple && data.length > 1) data = [data[0]];
- self.afterInit(self, data);
- } else {
- var _paramsFunc = p.params, _params = {}, searchKey = p.searchField;
- var _orgParams = {
- searchTable: p.dbTable,
- searchKey: p.keyField,
- searchValue: key,
- orderBy: p.orderBy,
- showField: p.showField,
- keyField: p.keyField,
- keyValue: key,
- searchField: p.searchField
- };
- if (_paramsFunc) {
- var result = $.isFunction(_paramsFunc) ? _paramsFunc(self) : _paramsFunc;
- if (result && $.isPlainObject(result)) {
- _params = $.extend({}, _orgParams, result);
- } else {
- _params = _orgParams;
- }
- } else {
- _params = _orgParams;
- }
- $.ajax({
- dataType: 'json',
- type: 'POST',
- url: p.data,
- data: _params,
- success: function (json) {
- var d = null;
- if (p.eAjaxSuccess && $.isFunction(p.eAjaxSuccess))
- d = p.eAjaxSuccess(json);
- self.afterInit(self, d.list);
- },
- error: function (jqXHR, textStatus, errorThrown) {
- self.ajaxErrorNotify(self, errorThrown);
- }
- });
- }
- }
- };
-
- SelectPage.prototype.afterInit = function (self, data) {
- if (!data || ($.isArray(data) && data.length === 0)) return;
- if (!$.isArray(data)) data = [data];
- var p = self.option, css = self.css_class;
- self.data = data;
- if (p.multiple) {
- self.prop.init_set = true;
- self.clearAll(self);
- $.each(data, function (i, row) {
- var value = row[p.keyField];
- var text = row[p.showField];
- var item = {text: text, value: value};
- if (!self.isAlreadySelected(self, item)) self.addNewTag(self, row, item);
- });
- self.tagValuesSet(self);
- self.inputResize(self);
- self.elem.hidden.blur();
- self.prop.init_set = false;
- } else {
- var row = data[0];
- var value = row[p.keyField];
- var text = row[p.showField];
- self.elem.combo_input.val(text);
- self.elem.hidden.val(value);
- self.prop.prev_value = text;
- self.prop.selected_text = text;
- if (p.selectOnly) {
- self.elem.combo_input.attr('title', self.message.select_ok).removeClass(css.select_ng).addClass(css.select_ok);
- }
- self.putClearButton();
- }
- };
-
- SelectPage.prototype.eDropdownButton = function () {
- var self = this;
- if (self.option.dropButton) {
- self.elem.button.mouseup(function (ev) {
- ev.stopPropagation();
- if (self.elem.result_area.is(':hidden') && !self.elem.combo_input.prop('disabled')) {
- self.elem.combo_input.focus();
- } else self.hideResults(self);
- });
- }
- };
-
- SelectPage.prototype.eInput = function () {
- var self = this, p = self.option, el = self.elem, msg = self.message;
- var showList = function () {
- self.prop.page_move = false;
- self.suggest(self);
- self.setCssFocusedInput(self);
- };
- el.combo_input.keyup(function (e) {
- self.processKey(self, e);
- }).keydown(function (e) {
- self.processControl(self, e);
- }).focus(function (e) {
-
- if (el.result_area.is(':hidden')) {
- e.stopPropagation();
- self.prop.first_show = true;
- showList();
- }
- });
- el.container.on('click.SelectPage', 'div.' + self.css_class.clear_btn, function (e) {
- e.stopPropagation();
- if (!self.disabled(self)) {
- self.clearAll(self, true);
- self.elem.hidden.change();
- if (p.eClear && $.isFunction(p.eClear)) p.eClear(self);
- }
- });
- el.result_area.on('mousedown.SelectPage', function (e) {
- e.stopPropagation();
- });
- if (p.multiple) {
- if (p.multipleControlbar) {
-
- el.control.find('.sp_select_all').on('click.SelectPage', function (e) {
- self.selectAllLine(self);
- }).hover(function () {
- el.control_text.html(msg.select_all);
- }, function () {
- el.control_text.html('');
- });
-
- el.control.find('.sp_unselect_all').on('click.SelectPage', function (e) {
- self.unSelectAllLine(self);
- }).hover(function () {
- el.control_text.html(msg.unselect_all);
- }, function () {
- el.control_text.html('');
- });
-
- el.control.find('.sp_clear_all').on('click.SelectPage', function (e) {
- self.clearAll(self, true);
- }).hover(function () {
- el.control_text.html(msg.clear_all);
- }, function () {
- el.control_text.html('');
- });
- }
- el.element_box.on('click.SelectPage', function (e) {
- var srcEl = e.target || e.srcElement;
- if ($(srcEl).is('ul')) el.combo_input.focus();
- });
-
- el.element_box.on('click.SelectPage', 'span.tag_close', function () {
- var li = $(this).closest('li'), data = li.data('dataObj');
- self.removeTag(self, li);
- showList();
- if (p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove([data]);
- });
- self.inputResize(self);
- }
- };
-
- SelectPage.prototype.eWhole = function () {
- var self = this, css = self.css_class;
- var cleanContent = function (obj) {
- obj.elem.combo_input.val('');
- if (!obj.option.multiple) obj.elem.hidden.val('');
- obj.prop.selected_text = '';
- };
-
- $(document.body).off('mousedown.selectPage').on('mousedown.selectPage', function (e) {
- var ele = e.target || e.srcElement;
- var sp = $(ele).closest('div.' + css.container);
-
- $('div.' + css.container + '.' + css.container_open).each(function () {
- if (this == sp[0]) return;
- var $this = $(this), d = $this.find('input.' + css.input).data(SelectPage.dataKey);
- if (!d.elem.combo_input.val() && d.elem.hidden.val() && !d.option.multiple) {
- d.prop.current_page = 1;
- cleanContent(d);
- d.hideResults(d);
- return true;
- }
- if (d.elem.results.find('li').not('.' + css.message_box).length) {
- if (d.option.autoFillResult) {
-
- if (d.elem.hidden.val()) d.hideResults(d);
- else if (d.elem.results.find('li.sp_over').length) {
-
- d.selectCurrentLine(d, true);
- } else if (d.option.autoSelectFirst) {
-
- d.nextLine(d);
- d.selectCurrentLine(d, true);
- } else d.hideResults(d);
- } else d.hideResults(d);
- } else {
-
- if (d.option.noResultClean) cleanContent(d);
- else {
- if (!d.option.multiple) d.elem.hidden.val('');
- }
- d.hideResults(d);
- }
- });
- });
- };
-
- SelectPage.prototype.eResultList = function () {
- var self = this, css = this.css_class;
- self.elem.results.children('li').hover(function () {
- if (self.prop.key_select) {
- self.prop.key_select = false;
- return;
- }
- if (!$(this).hasClass(css.selected) && !$(this).hasClass(css.message_box)) {
- $(this).addClass(css.select);
- self.setCssFocusedResults(self);
- }
- }, function () {
- $(this).removeClass(css.select);
- }).click(function (e) {
- if (self.prop.key_select) {
- self.prop.key_select = false;
- return;
- }
- e.preventDefault();
- e.stopPropagation();
- if (!$(this).hasClass(css.selected)) self.selectCurrentLine(self, false);
- });
- };
-
- SelectPage.prototype.eScroll = function () {
- var self = this, css = this.css_class;
- $(window).on('scroll.SelectPage', function (e) {
- $('div.' + css.container + '.' + css.container_open).each(function () {
- var $this = $(this), d = $this.find('input.' + css.input).data(SelectPage.dataKey),
- offset = d.elem.result_area.offset(),
- screenScrollTop = $(window).scrollTop(),
- docHeight = $(document).height(),
- viewHeight = $(window).height(),
- listHeight = d.elem.result_area.outerHeight(),
- listBottom = offset.top + listHeight,
- hasOverflow = docHeight > viewHeight,
- down = d.elem.result_area.hasClass('shadowDown');
- if (hasOverflow) {
- if (down) {
- if (listBottom > (viewHeight + screenScrollTop)) d.calcResultsSize(d);
- } else {
- if (offset.top < screenScrollTop) d.calcResultsSize(d);
- }
- }
- });
- });
- };
-
- SelectPage.prototype.ePaging = function () {
- var self = this;
- if (!self.option.pagination) return;
- self.elem.navi.find('li.csFirstPage').off('click').on('click', function (ev) {
-
- ev.preventDefault();
- self.firstPage(self);
- });
- self.elem.navi.find('li.csPreviousPage').off('click').on('click', function (ev) {
-
- ev.preventDefault();
- self.prevPage(self);
- });
- self.elem.navi.find('li.csNextPage').off('click').on('click', function (ev) {
-
- ev.preventDefault();
- self.nextPage(self);
- });
- self.elem.navi.find('li.csLastPage').off('click').on('click', function (ev) {
-
- ev.preventDefault();
- self.lastPage(self);
- });
- };
-
- SelectPage.prototype.ajaxErrorNotify = function (self, errorThrown) {
- self.showMessage(self, self.message.ajax_error);
- };
-
- SelectPage.prototype.showMessage = function (self, msg) {
- if (!msg) return;
- var msgLi = '<li class="' + self.css_class.message_box + '"><i class="spfont sp-warning"></i> ' + msg + '</li>';
- self.elem.results.empty().append(msgLi).show();
- self.calcResultsSize(self);
- self.setOpenStatus(self, true);
- if(self.elem.control) self.elem.control.hide();
- if (self.option.pagination) self.elem.navi.hide();
- };
-
- SelectPage.prototype.scrollWindow = function (self, enforce) {
- var current_result = self.getCurrentLine(self),
- target_top = (current_result && !enforce) ? current_result.offset().top : self.elem.container.offset().top,
- target_size;
- self.prop.size_li = self.elem.results.children('li:first').outerHeight();
- target_size = self.prop.size_li;
- var gap, client_height = $(window).height(),
- scroll_top = $(window).scrollTop(),
- scroll_bottom = scroll_top + client_height - target_size;
- if (current_result.length) {
- if (target_top < scroll_top || target_size > client_height) {
-
- gap = target_top - scroll_top;
- } else if (target_top > scroll_bottom) {
-
- gap = target_top - scroll_bottom;
- } else return;
- } else if (target_top < scroll_top) gap = target_top - scroll_top;
- window.scrollBy(0, gap);
- };
-
- SelectPage.prototype.setOpenStatus = function (self, status) {
- var el = self.elem, css = self.css_class;
- if (status) {
- el.container.addClass(css.container_open);
- el.result_area.addClass(css.result_open);
- } else {
- el.container.removeClass(css.container_open);
- el.result_area.removeClass(css.result_open);
- }
- };
-
- SelectPage.prototype.setCssFocusedInput = function (self) {
-
-
- };
-
- SelectPage.prototype.setCssFocusedResults = function (self) {
-
-
- };
-
- SelectPage.prototype.checkValue = function (self) {
- var now_value = self.elem.combo_input.val();
- if (now_value != self.prop.prev_value) {
- self.prop.prev_value = now_value;
- self.prop.first_show = false;
- if (self.option.selectOnly) self.setButtonAttrDefault();
- if (!self.option.multiple && !now_value) {
- self.elem.combo_input.val('');
- self.elem.hidden.val('');
- self.elem.clear_btn.remove();
- }
- self.suggest(self);
- }
- };
-
- SelectPage.prototype.processKey = function (self, e) {
- if ($.inArray(e.keyCode, [37, 38, 39, 40, 27, 9, 13]) === -1) {
- if (e.keyCode != 16) self.setCssFocusedInput(self);
- self.inputResize(self);
- if ($.type(self.option.data) === 'string') {
- self.prop.last_input_time = e.timeStamp;
- setTimeout(function () {
- if ((e.timeStamp - self.prop.last_input_time) === 0)
- self.checkValue(self);
- }, self.option.inputDelay * 1000);
- } else {
- self.checkValue(self);
- }
- }
- }
-
- SelectPage.prototype.processControl = function (self, e) {
- if (($.inArray(e.keyCode, [37, 38, 39, 40, 27, 9]) > -1 && self.elem.result_area.is(':visible')) ||
- ($.inArray(e.keyCode, [13, 9]) > -1 && self.getCurrentLine(self))) {
- e.preventDefault();
- e.stopPropagation();
- e.cancelBubble = true;
- e.returnValue = false;
- switch (e.keyCode) {
- case 37:
- if (e.shiftKey) self.firstPage(self);
- else self.prevPage(self);
- break;
- case 38:
- self.prop.key_select = true;
- self.prevLine(self);
- break;
- case 39:
- if (e.shiftKey) self.lastPage(self);
- else self.nextPage(self);
- break;
- case 40:
- if (self.elem.results.children('li').length) {
- self.prop.key_select = true;
- self.nextLine(self);
- } else self.suggest(self);
- break;
- case 9:
- self.prop.key_paging = true;
- self.selectCurrentLine(self, true);
-
- break;
- case 13:
- self.selectCurrentLine(self, true);
- break;
- case 27:
- self.prop.key_paging = true;
- self.hideResults(self);
- break;
- }
- }
- };
-
- SelectPage.prototype.abortAjax = function (self) {
- if (self.prop.xhr) {
- self.prop.xhr.abort();
- self.prop.xhr = false;
- }
- };
-
- SelectPage.prototype.suggest = function (self) {
- var q_word, val = $.trim(self.elem.combo_input.val());
- if (self.option.multiple) q_word = val;
- else {
- if (val && val == self.prop.selected_text) q_word = '';
- else q_word = val;
- }
- q_word = q_word.split(self.option.separator);
-
- if (self.option.eOpen && $.isFunction(self.option.eOpen))
- self.option.eOpen.call(self);
- self.abortAjax(self);
-
- var which_page_num = self.prop.current_page || 1;
- if (typeof self.option.data == 'object') self.searchForJson(self, q_word, which_page_num);
- else self.searchForDb(self, q_word, which_page_num);
- };
-
- SelectPage.prototype.setLoading = function (self) {
- if (self.elem.results.html() === '') {
-
- self.setOpenStatus(self, true);
- }
- };
-
- SelectPage.prototype.searchForDb = function (self, q_word, which_page_num) {
- var p = self.option;
- if (!p.eAjaxSuccess || !$.isFunction(p.eAjaxSuccess)) self.hideResults(self);
- var _paramsFunc = p.params, _params = {}, searchKey = p.searchField;
-
- if (q_word.length && q_word[0] && q_word.join(self.option.separator) !== self.prop.prev_value) which_page_num = 1;
- var _orgParams = {
- q_word: q_word,
- pageNumber: which_page_num,
- pageSize: p.pageSize,
- andOr: p.andOr,
- orderBy: p.orderBy,
- searchTable: p.dbTable,
- showField: self.option.showField,
- keyField: self.option.keyField,
- searchField: self.option.searchField
- };
- if (p.orderBy !== false) _orgParams.orderBy = p.orderBy;
-
- _orgParams[searchKey] = q_word[0];
- if (_paramsFunc) {
- var result = $.isFunction(_paramsFunc) ? _paramsFunc(self) : _paramsFunc;
- if (result && $.isPlainObject(result)) {
- _params = $.extend({}, _orgParams, result);
- } else {
- _params = _orgParams;
- }
- } else {
- _params = _orgParams;
- }
- self.prop.xhr = $.ajax({
- dataType: 'json',
- url: p.data,
- type: 'POST',
- data: _params,
- success: function (returnData) {
- if (!returnData || !$.isPlainObject(returnData)) {
- self.hideResults(self);
- self.ajaxErrorNotify(self, errorThrown);
- return;
- }
- var data = {}, json = {};
- try {
- data = p.eAjaxSuccess(returnData);
- json.originalResult = data.list;
- json.cnt_whole = data.totalRow;
- } catch (e) {
- self.showMessage(self, self.message.ajax_error);
- return;
- }
- if (self.elem.navi) {
- $(self.elem.navi).toggleClass("hide", json.cnt_whole <= json.originalResult.length);
- }
- json.candidate = [];
- json.keyField = [];
- if (typeof json.originalResult != 'object') {
- self.prop.xhr = null;
- self.notFoundSearch(self);
- return;
- }
- json.cnt_page = json.originalResult.length;
- for (var i = 0; i < json.cnt_page; i++) {
- for (var key in json.originalResult[i]) {
- if (key == p.keyField) {
- json.keyField.push(json.originalResult[i][key]);
- }
- if (key == p.showField) {
- json.candidate.push(json.originalResult[i][key]);
- }
- }
- }
- self.prepareResults(self, json, q_word, which_page_num);
- },
- error: function (jqXHR, textStatus, errorThrown) {
- if (textStatus != 'abort') {
- self.hideResults(self);
- self.ajaxErrorNotify(self, errorThrown);
- }
- },
- complete: function () {
- self.prop.xhr = null;
- }
- });
- };
-
- SelectPage.prototype.searchForJson = function (self, q_word, which_page_num) {
- var p = self.option, matched = [], esc_q = [], sorted = [], json = {}, i = 0, arr_reg = [];
-
- do {
-
-
- esc_q[i] = q_word[i].replace(/\W/g, '\\$&').toString();
- arr_reg[i] = new RegExp(esc_q[i], 'gi');
- i++;
- } while (i < q_word.length);
-
- 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];
- if (p.formatItem && $.isFunction(p.formatItem))
- itemText = p.formatItem(row);
- if (itemText.match(arr_reg[j])) {
- flag = true;
- if (p.andOr == 'OR') break;
- } else {
- flag = false;
- if (p.andOr == 'AND') break;
- }
- }
- if (flag) matched.push(row);
- }
-
- 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);
- }
-
- json.cnt_whole = sorted.length;
-
- if (!self.prop.page_move) {
-
- if (!p.multiple) {
-
- var currentValue = self.elem.hidden.val();
- if ($.type(currentValue) !== 'undefined' && $.trim(currentValue) !== '') {
- var index = 0;
- $.each(sorted, function (i, row) {
- if (row[p.keyField] == currentValue) {
- index = i + 1;
- return false;
- }
- });
- which_page_num = Math.ceil(index / p.pageSize);
- if (which_page_num < 1) which_page_num = 1;
- self.prop.current_page = which_page_num;
- }
- }
- } else {
-
- if (sorted.length <= ((which_page_num - 1) * p.pageSize)) {
- which_page_num = 1;
- self.prop.current_page = 1;
- }
- }
-
- var start = (which_page_num - 1) * p.pageSize, end = start + p.pageSize;
-
- json.originalResult = [];
-
- for (var i = start; i < end; i++) {
- if (sorted[i] === undefined) break;
- json.originalResult.push(sorted[i]);
- for (var key in sorted[i]) {
- if (key == p.keyField) {
- if (json.keyField === undefined) json.keyField = [];
- json.keyField.push(sorted[i][key]);
- }
- if (key == p.showField) {
- if (json.candidate === undefined) json.candidate = [];
- json.candidate.push(sorted[i][key]);
- }
- }
- }
- if (json.candidate === undefined) json.candidate = [];
- json.cnt_page = json.candidate.length;
- self.prepareResults(self, json, q_word, which_page_num);
- };
-
- SelectPage.prototype.sortAsc = function (self, arr) {
- arr.sort(function (a, b) {
- var valA = a[self.option.orderBy[0][0]], valB = b[self.option.orderBy[0][0]];
- return $.type(valA) === 'number' ? valA - valB : String(valA).localeCompare(String(valB));
- });
- return arr;
- };
-
- SelectPage.prototype.sortDesc = function (self, arr) {
- arr.sort(function (a, b) {
- var valA = a[self.option.orderBy[0][0]], valB = b[self.option.orderBy[0][0]];
- return $.type(valA) === 'number' ? valB - valA : String(valB).localeCompare(String(valA));
- });
- return arr;
- };
-
- SelectPage.prototype.notFoundSearch = function (self) {
- self.elem.results.empty();
- self.calcResultsSize(self);
- self.setOpenStatus(self, true);
- self.setCssFocusedInput(self);
- };
-
- SelectPage.prototype.prepareResults = function (self, json, q_word, which_page_num) {
- self.data = json.originalResult;
- if (self.option.pagination) self.setNavi(self, json.cnt_whole, json.cnt_page, which_page_num);
- if (!json.keyField) json.keyField = false;
- if (self.option.selectOnly && json.candidate.length === 1 && json.candidate[0] == q_word[0]) {
- self.elem.hidden.val(json.keyField[0]);
- this.setButtonAttrDefault();
- }
- var is_query = false;
- if (q_word && q_word.length && q_word[0]) is_query = true;
- self.displayResults(self, json, is_query);
- };
-
- SelectPage.prototype.setNavi = function (self, cnt_whole, cnt_page, page_num) {
- var msg = self.message;
-
- var buildPageNav = function (self, pagebar, page_num, last_page) {
- var updatePageInfo = function () {
- 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').length === 0) {
- pagebar.hide().empty();
- var iconFist = 'spfont sp-first',
- iconPrev = 'spfont sp-previous',
- iconNext = 'spfont sp-next',
- iconLast = 'spfont sp-last';
- pagebar.append('<li class="csFirstPage" title="' + msg.first_title + '" ><a href="javascript:void(0);"> <i class="' + iconFist + '"></i> </a></li>');
- pagebar.append('<li class="csPreviousPage" title="' + msg.prev_title + '" ><a href="javascript:void(0);"><i class="' + iconPrev + '"></i></a></li>');
-
- pagebar.append('<li class="pageInfoBox"><a href="javascript:void(0);"> ' + updatePageInfo() + ' </a></li>');
- pagebar.append('<li class="csNextPage" title="' + msg.next_title + '" ><a href="javascript:void(0);"><i class="' + iconNext + '"></i></a></li>');
- pagebar.append('<li class="csLastPage" title="' + msg.last_title + '" ><a href="javascript:void(0);"> <i class="' + iconLast + '"></i> </a></li>');
- pagebar.show();
- } else {
- pagebar.find('li.pageInfoBox a').html(updatePageInfo());
- }
- };
- var pagebar = self.elem.navi.find('ul'),
- last_page = Math.ceil(cnt_whole / self.option.pageSize);
- if (last_page === 0) page_num = 0;
- else {
- if (last_page < page_num) page_num = last_page;
- else if (page_num === 0) page_num = 1;
- }
- self.prop.current_page = page_num;
- self.prop.max_page = last_page;
- buildPageNav(self, pagebar, page_num, last_page);
-
- var dClass = 'disabled',
- first = pagebar.find('li.csFirstPage'),
- previous = pagebar.find('li.csPreviousPage'),
- next = pagebar.find('li.csNextPage'),
- last = pagebar.find('li.csLastPage');
-
- if (page_num === 1 || page_num === 0) {
- if (!first.hasClass(dClass)) first.addClass(dClass);
- if (!previous.hasClass(dClass)) previous.addClass(dClass);
- } else {
- if (first.hasClass(dClass)) first.removeClass(dClass);
- if (previous.hasClass(dClass)) previous.removeClass(dClass);
- }
-
- if (page_num === last_page || last_page === 0) {
- if (!next.hasClass(dClass)) next.addClass(dClass);
- if (!last.hasClass(dClass)) last.addClass(dClass);
- } else {
- if (next.hasClass(dClass)) next.removeClass(dClass);
- if (last.hasClass(dClass)) last.removeClass(dClass);
- }
- if (last_page > 1) self.ePaging();
- };
-
- SelectPage.prototype.displayResults = function (self, json, is_query) {
- 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').length;
- if (selectedSize > 0 && selectedSize >= p.maxSelectLimit) {
- var msg = self.message.max_selected;
- self.showMessage(self, msg.replace(self.template.msg.maxSelectLimit, p.maxSelectLimit));
- return;
- }
- }
- if (json.candidate.length) {
- var arr_candidate = json.candidate,
- arr_primary_key = json.keyField,
- keystr = el.hidden.val(),
- keyArr = keystr ? keystr.split(',') : new Array(),
- itemText = '';
- for (var i = 0; i < arr_candidate.length; i++) {
- if (p.formatItem && $.isFunction(p.formatItem)) {
- try {
- itemText = p.formatItem(json.originalResult[i]);
- } catch (e) {
- console.error('formatItem内容格式化函数内容设置不正确!');
- itemText = arr_candidate[i];
- }
- } else itemText = arr_candidate[i];
- var list = $('<li>').html(itemText).attr({
- pkey: arr_primary_key[i],
- index: i
- });
- if (!p.formatItem) list.attr('title', itemText);
-
- if ($.inArray(arr_primary_key[i].toString(), keyArr) !== -1) {
- list.addClass(self.css_class.selected);
- }
-
- list.data('dataObj', json.originalResult[i]);
- el.results.append(list);
- }
- } else {
- var li = '<li class="' + self.css_class.message_box + '"><i class="spfont sp-warning"></i> ' +
- self.message.not_found + '</li>';
- el.results.append(li);
- }
- el.results.show();
- if (p.multiple && p.multipleControlbar) el.control.show();
- if (p.pagination) el.navi.show();
- self.calcResultsSize(self);
- self.setOpenStatus(self, true);
-
- self.eResultList();
-
- self.eScroll();
-
- if (is_query && json.candidate.length && p.autoSelectFirst) self.nextLine(self);
- };
-
- SelectPage.prototype.calcResultsSize = function (self) {
- var p = self.option, el = self.elem;
- var rePosition = function () {
- if (el.container.css('position') === 'static') {
-
- var offset = el.combo_input.offset();
- el.result_area.css({
- top: offset.top + el.combo_input.outerHeight() + 'px',
- left: offset.left + 'px'
- });
- } else {
- if (!p.pagination) {
- var itemHeight = el.results.find('li:first').outerHeight(true),
- listHeight = itemHeight * p.listSize;
- el.results.css({
- 'max-height': listHeight,
- 'overflow-y': 'auto'
- });
- }
-
- var docWidth = $(document).width(),
- docHeight = $(document).height(),
- viewHeight = $(window).height(),
- offset = el.container.offset(),
- screenScrollTop = $(window).scrollTop(),
- listWidth = el.result_area.outerWidth(),
-
- listHeight = el.result_area.outerHeight(),
-
- defaultLeft = offset.left,
-
- inputHeight = el.container.outerHeight(),
- left = (offset.left + listWidth) > docWidth ?
- defaultLeft - (listWidth - el.container.outerWidth()) :
- defaultLeft,
-
- screenTop = offset.top,
- top = 0, dist = 5,
-
- listBottom = screenTop + inputHeight + listHeight + dist,
- listTop = screenTop + listHeight + dist,
- hasOverflow = docHeight > viewHeight;
- if ((screenTop - screenScrollTop - dist > listHeight) &&
- (hasOverflow && listBottom > (viewHeight + screenScrollTop)) ||
- (!hasOverflow && listBottom > viewHeight && screenTop >= listTop)) {
-
- top = offset.top - listHeight - dist;
- el.result_area.removeClass('shadowUp shadowDown').addClass('shadowUp');
- } else {
-
- top = offset.top + (p.multiple ? el.container.outerHeight() : inputHeight);
- el.result_area.removeClass('shadowUp shadowDown').addClass('shadowDown');
- top += dist;
- }
- return {
- top: top + 'px', left: left + 'px'
- };
- }
- };
- if (el.result_area.is(':visible')) {
- el.result_area.css(rePosition());
- } else {
- var pss = rePosition();
- el.result_area.css(pss).show(1, function () {
- var repss = rePosition();
- if (pss.top !== repss.top || pss.left !== repss.left) el.result_area.css(repss);
- });
- }
- };
-
- SelectPage.prototype.hideResults = function (self) {
- if (self.prop.key_paging) {
- self.scrollWindow(self, true);
- self.prop.key_paging = false;
- }
- self.setCssFocusedInput(self);
- if (self.option.autoFillResult) {
-
- }
- self.elem.results.empty();
- self.elem.result_area.hide();
- self.setOpenStatus(self, false);
-
- $(window).off('scroll.SelectPage');
- self.abortAjax(self);
- self.setButtonAttrDefault();
- };
-
- SelectPage.prototype.disabled = function (self, disabled) {
- var p = self.option, el = self.elem;
- 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);
- }
- };
-
- SelectPage.prototype.firstPage = function (self) {
- if (self.prop.current_page > 1) {
- self.prop.current_page = 1;
- self.prop.page_move = true;
- self.suggest(self);
- }
- };
-
- SelectPage.prototype.prevPage = function (self) {
- if (self.prop.current_page > 1) {
- self.prop.current_page--;
- self.prop.page_move = true;
- self.suggest(self);
- }
- };
-
- SelectPage.prototype.nextPage = function (self) {
- if (self.prop.current_page < self.prop.max_page) {
- self.prop.current_page++;
- self.prop.page_move = true;
- self.suggest(self);
- }
- };
-
- SelectPage.prototype.lastPage = function (self) {
- if (self.prop.current_page < self.prop.max_page) {
- self.prop.current_page = self.prop.max_page;
- self.prop.page_move = true;
- self.suggest(self);
- }
- };
-
- SelectPage.prototype.afterAction = function (self, reOpen) {
- self.inputResize(self);
- self.elem.combo_input.change();
- self.setCssFocusedInput(self);
- if (self.prop.init_set) return;
- if (self.option.multiple) {
- if (self.option.selectToCloseList) {
- self.hideResults(self);
- self.elem.combo_input.blur();
- }
- if (!self.option.selectToCloseList && reOpen) {
- self.suggest(self);
- self.elem.combo_input.focus();
- }
- } else {
- self.hideResults(self);
- self.elem.combo_input.blur();
- }
- };
-
- SelectPage.prototype.selectCurrentLine = function (self, is_enter_key) {
- self.scrollWindow(self, true);
- var p = self.option, current = self.getCurrentLine(self);
- if (current) {
- var data = current.data('dataObj');
- var text = data[p.showField] || current.text();
- var value = current.attr('pkey');
- if (!p.multiple) {
- self.elem.combo_input.val(text);
- self.elem.hidden.val(value);
- } else {
-
- self.elem.combo_input.val('');
- var item = {text: text, value: value};
- if (!self.isAlreadySelected(self, item)) {
- self.addNewTag(self, data, item);
- self.tagValuesSet(self);
- }
- }
- if (p.selectOnly) self.setButtonAttrDefault();
-
- 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, true);
- };
-
- SelectPage.prototype.putClearButton = function () {
- if (!this.option.multiple && !this.elem.combo_input.prop('disabled')) this.elem.container.append(this.elem.clear_btn);
- };
-
- SelectPage.prototype.selectAllLine = function (self) {
- var p = self.option, jsonarr = new Array();
- self.elem.results.find('li').each(function (i, row) {
- var $row = $(row), data = $row.data('dataObj');
- var text = data[p.showField] || $row.text();
- var value = $row.attr('pkey');
- var item = {text: text, value: value};
- if (!self.isAlreadySelected(self, item)) {
- self.addNewTag(self, data, item);
- self.tagValuesSet(self);
- }
- jsonarr.push(data);
-
- if ($.type(p.maxSelectLimit) === 'number' &&
- p.maxSelectLimit > 0 &&
- 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, true);
- };
-
- SelectPage.prototype.unSelectAllLine = function (self) {
- 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 + '"]');
- if (tag.length) ds.push(tag.data('dataObj'));
- self.removeTag(self, tag);
- });
- self.afterAction(self, true);
- if (p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove(ds);
- };
-
- SelectPage.prototype.clearAll = function (self, open) {
- var p = self.option, ds = [];
- if (p.multiple) {
- 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, open);
- if (p.multiple) {
- if (p.eTagRemove && $.isFunction(p.eTagRemove)) p.eTagRemove(ds);
- } else self.elem.clear_btn.remove();
- };
-
- SelectPage.prototype.reset = function (self) {
- self.elem.combo_input.val('');
- self.elem.hidden.val('');
- self.prop.prev_value = '';
- self.prop.selected_text = '';
- self.prop.current_page = 1;
- };
-
- 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.length) return obj;
- else return false;
- };
-
- SelectPage.prototype.isAlreadySelected = function (self, item) {
- var isExist = false;
- if (item.value) {
- var keys = self.elem.hidden.val();
- if (keys) {
- var karr = keys.split(',');
- if (karr && karr.length && $.inArray(item.value, karr) != -1) isExist = true;
- }
- }
- return isExist;
- };
-
- 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);
- };
-
- SelectPage.prototype.removeTag = function (self, item) {
- var key = $(item).attr('itemvalue');
- var keys = self.elem.hidden.val();
- if ($.type(key) != 'undefined' && keys) {
- var keyarr = keys.split(','),
- index = $.inArray(key.toString(), keyarr);
- if (index != -1) {
- keyarr.splice(index, 1);
- self.elem.hidden.val(keyarr.toString()).trigger("change");
- }
- }
- $(item).remove();
- self.inputResize(self);
- };
-
- SelectPage.prototype.tagValuesSet = function (self) {
- if (!self.option.multiple) return;
- var tags = self.elem.element_box.find('li.selected_tag');
- if (tags && tags.length) {
- var result = new Array();
- $.each(tags, function (i, li) {
- var v = $(li).attr('itemvalue');
- if ($.type(v) !== 'undefined') result.push(v);
- });
- if (result.length) {
- self.elem.hidden.val(result.join(',')).trigger("change");
- }
- }
- };
-
- SelectPage.prototype.inputResize = function (self) {
- if (!self.option.multiple) return;
- var width = '',
- inputLi = self.elem.combo_input.closest('li');
- var setDefaultSize = function (self, inputLi) {
- inputLi.removeClass('full_width');
- var minimumWidth = self.elem.combo_input.val().length + 1,
- width = (minimumWidth * 0.75) + 'em';
- self.elem.combo_input.css('width', width).removeAttr('placeholder');
- };
- if (self.elem.element_box.find('li.selected_tag').length === 0) {
- if (!inputLi.hasClass('full_width')) inputLi.addClass('full_width');
- if (self.elem.combo_input.attr('placeholder_bak')) {
- self.elem.combo_input.attr('placeholder', self.elem.combo_input.attr('placeholder_bak')).removeAttr('style');
- }
- } else setDefaultSize(self, inputLi);
- };
-
- SelectPage.prototype.nextLine = function (self) {
- var obj = self.getCurrentLine(self), idx;
- if (!obj) idx = -1;
- else {
- idx = self.elem.results.children('li').index(obj);
- obj.removeClass(self.css_class.select);
- }
- idx++;
- if (idx < self.elem.results.children('li').length) {
- var next = self.elem.results.children('li').eq(idx);
- next.addClass(self.css_class.select);
- self.setCssFocusedResults(self);
- } else self.setCssFocusedInput(self);
- self.scrollWindow(self, false);
- };
-
- SelectPage.prototype.prevLine = function (self) {
- var obj = self.getCurrentLine(self), idx;
- if (!obj) idx = self.elem.results.children('li').length;
- else {
- idx = self.elem.results.children('li').index(obj);
- obj.removeClass(self.css_class.select);
- }
- idx--;
- if (idx > -1) {
- var prev = self.elem.results.children('li').eq(idx);
- prev.addClass(self.css_class.select);
- self.setCssFocusedResults(self);
- } else self.setCssFocusedInput(self);
- self.scrollWindow(self, false);
- };
-
- function Plugin(option) {
- return this.each(function () {
- var $this = $(this),
- data = $this.data(SelectPage.dataKey),
- params = $.extend({}, defaults, $this.data(), data && data.option, typeof option === 'object' && option);
- if (!data) $this.data(SelectPage.dataKey, (data = new SelectPage(this, params)));
- });
- }
-
- function getPlugin(obj) {
- return $(obj).closest('div.sp_container').find('input.sp_input');
- }
-
- function ClearSelected() {
- return this.each(function () {
- var $this = getPlugin(this),
- data = $this.data(SelectPage.dataKey);
- if (data) {
- data.prop.init_set = true;
- data.clearAll(data);
- data.prop.init_set = false;
- }
- });
- }
-
- function SelectedRefresh() {
- return this.each(function () {
- var $this = getPlugin(this),
- data = $this.data(SelectPage.dataKey);
- if (data && data.elem.hidden.val())
- data.setInitRecord(true);
- });
- }
-
- function ModifyDataSource(data) {
- return this.each(function () {
- if (data && $.isArray(data)) {
- var $this = getPlugin(this),
- plugin = $this.data(SelectPage.dataKey);
- if (plugin) {
- plugin.clearAll(plugin);
- plugin.option.data = data;
- }
- }
- });
- }
-
- function PluginDisabled(disabled) {
- var status = false;
- this.each(function () {
- var $this = getPlugin(this),
- plugin = $this.data(SelectPage.dataKey);
- if (plugin) {
- if ($.type(disabled) !== 'undefined')
- plugin.disabled(plugin, disabled);
- else
- status = plugin.disabled(plugin);
- }
- });
- return status;
- }
-
- function GetInputText() {
- var str = '';
- this.each(function () {
- var $this = getPlugin(this), data = $this.data(SelectPage.dataKey);
- if (data) {
- if (data.option.multiple) {
- var tags = [];
- data.elem.element_box.find('li.selected_tag').each(function (i, tag) {
- tags.push($(tag).text());
- });
- str += tags.toString();
- } else {
- str += data.elem.combo_input.val();
- }
- }
- });
- return str;
- }
-
- function GetSelectedData () {
- var results = [];
- this.each(function () {
- var $this = getPlugin(this), data = $this.data(SelectPage.dataKey);
- if (data) {
- if (data.option.multiple) {
- data.elem.element_box.find('li.selected_tag').each(function (i, tag) {
- results.push($(tag).data('dataObj'));
- });
- } else {
- var selected = data.elem.combo_input.data('dataObj');
- if (selected) results.push(selected);
- }
- }
- });
- return results;
- }
- var old = $.fn.selectPage;
- $.fn.selectPage = Plugin;
- $.fn.selectPage.Constructor = SelectPage;
- $.fn.selectPageClear = ClearSelected;
- $.fn.selectPageRefresh = SelectedRefresh;
- $.fn.selectPageData = ModifyDataSource;
- $.fn.selectPageDisabled = PluginDisabled;
- $.fn.selectPageText = GetInputText;
- $.fn.selectPageSelectedData = GetSelectedData;
-
-
- $.fn.selectPage.noConflict = function () {
- $.fn.selectPage = old;
- return this;
- };
- })(window.jQuery);
|