diff options
| -rw-r--r-- | dev/jquery.jtable.record-actions.js | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/dev/jquery.jtable.record-actions.js b/dev/jquery.jtable.record-actions.js new file mode 100644 index 0000000..bc317ca --- /dev/null +++ b/dev/jquery.jtable.record-actions.js @@ -0,0 +1,124 @@ +/************************************************************************ +* RECORD-ACTIONS extension for jTable * +*************************************************************************/ +(function ($) { + + //Reference to base object members + var base = { + _onRecordsLoaded: $.hik.jtable.prototype._onRecordsLoaded + }; + + //extension members + $.extend(true, $.hik.jtable.prototype, { + + /************************************************************************ + * OVERRIDED METHODS * + *************************************************************************/ + + /* Overrides base method to handle dropdown menu overflow. + *************************************************************************/ + _onRecordsLoaded: function () { + base._onRecordsLoaded.apply(this, arguments); + + var self = this; + self._$tableBody.find('div.dropdown').on('show.bs.dropdown', function (e) { + var $this = $(this); + + if (!$this.data('_tether')) { + var $dropdownButton = $this.find('.dropdown-toggle'); + var $dropdownMenu = $this.find('.dropdown-menu'); + + $dropdownMenu.css({ + 'display': 'block' + }); + + $this.data('_tether', new Tether({ + element: $dropdownMenu[0], + target: $dropdownButton[0], + attachment: 'top left', + targetAttachment: 'bottom left', + constraints: [{ + to: 'window', + attachment: 'together', + pin: true + }] + })); + } + + var $dropdownMenu = $($this.data('_tether').element); + $dropdownMenu.css({ + 'display': 'block' + }); + }).on('hidden.bs.dropdown', function (e) { + var $this = $(this); + var $dropdownMenu = $($this.data('_tether').element); + $dropdownMenu.css({ + 'display': 'none' + }); + }); + }, + + /************************************************************************ + * PRIVATE METHODS * + *************************************************************************/ + + /* Builds the sorting array according to defaultSorting string + *************************************************************************/ + _createRecordActionsDropdown: function(record, field){ + var self = this; + var $dropdownContainer = $('<div></div>') + .addClass('btn-group') + .addClass('dropdown'); + + var $dropdownButton = $('<button></button>') + .html(field.text) + .addClass('dropdown-toggle') + .attr('data-toggle','dropdown') + .attr('aria-haspopup','true') + .attr('aria-expanded','true'); + + if(field.cssClass){ + $dropdownButton.addClass(field.cssClass); + } + + var $dropdownItemsContainer = $('<ul></ul>').addClass('dropdown-menu'); + for (var i = 0; i < field.items.length; i++) { + var fieldItem = field.items[i]; + + if(fieldItem.visibility && !fieldItem.visibility(record)){ + continue; + } + + var $dropdownItem = self._createDropdownItem(record, field.items[i]); + $dropdownItem.appendTo($dropdownItemsContainer); + } + + if($dropdownItemsContainer.find('li').length > 0){ + $dropdownItemsContainer.appendTo($dropdownContainer); + $dropdownButton.appendTo($dropdownContainer); + } + + return $dropdownContainer; + }, + + _createDropdownItem: function(record, item){ + var $li = $('<li></li>'); + var $a = $('<a></a>'); + + if(item.text){ + $a.html(item.text); + } + + if(item.action){ + $a.click(function(){ + item.action(record); + }); + } + + $a.appendTo($li); + return $li; + } + + }); + +})(jQuery);
\ No newline at end of file |