extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-08-15 10:52:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

Implement new representation for et2_selectbox widget of multi tags with limited single row

Browse Source
This commit is contained in:
Hadi Nategh
2016-07-11 17:22:26 +02:00
parent 96b1f54e40
commit 791d1f1d74
2 changed files with 67 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
api/js/etemplate/et2_widget_selectbox.js
View File

@ -708,6 +708,44 @@ var et2_selectbox = (function(){ "use strict"; return et2_inputWidget.extend(
width: _width || size.w + "px"
})
.change(this.onchange);
// multi selection with limited show line of single row
if (this.options.multiple && this.options.rows == 1 && this.options.height)
{
var $chosen_div = jQuery(this.input.siblings());
var self = this;
/**
* A function to set counter for multi tags limited for single row
* @returns {undefined}
*/
var _update_item_counter = function ()
{
$chosen_div.find('ul.chzn-choices').attr('data-after',self.getValue().length);
};
// Update the item counter
_update_item_counter();
// Initialize the single row class
$chosen_div.toggleClass('et2_selectbox_single_row', true);
// bind hover actions
$chosen_div
.off()
.hover(
//mouseIn
function(e){
jQuery(this).toggleClass('et2_selectbox_multi_row', true);
jQuery(this).toggleClass('et2_selectbox_single_row', false);
},
//mouseOut
function(e){
jQuery(this).toggleClass('et2_selectbox_multi_row', false);
jQuery(this).toggleClass('et2_selectbox_single_row', true);
_update_item_counter();
}
);
}
}
},