| | |
| | | */ |
| | | init_row: function(row) |
| | | { |
| | | row.uid = this.get_row_uid(row); |
| | | |
| | | // make references in internal array and set event handlers |
| | | if (row && String(row.id).match(this.id_regexp)) { |
| | | var self = this, |
| | | uid = RegExp.$1; |
| | | row.uid = uid; |
| | | if (row && row.uid) { |
| | | var self = this, uid = row.uid; |
| | | this.rows[uid] = {uid:uid, id:row.id, obj:row}; |
| | | |
| | | // set eventhandlers to table row |
| | |
| | | |
| | | var me = this; |
| | | $(window).resize(function(){ me.resize() }); |
| | | $(window).scroll(function(){ |
| | | var w = $(window); |
| | | me.fixed_header.css('marginLeft', (-w.scrollLeft()) + 'px'); |
| | | if (!bw.webkit) |
| | | me.fixed_header.css('marginTop', (-w.scrollTop()) + 'px'); |
| | | }); |
| | | } |
| | | else { |
| | | $(this.fixed_header).find('thead').replaceWith(clone); |
| | |
| | | $(this.thead).find('tr td').each(function(index) { |
| | | $(this).css('width', column_widths[index]); |
| | | }); |
| | | |
| | | $(window).scroll(); |
| | | }, |
| | | |
| | | /** |
| | |
| | | if (row.id) domrow.id = row.id; |
| | | if (row.className) domrow.className = row.className; |
| | | if (row.style) $.extend(domrow.style, row.style); |
| | | if (row.uid) $(domrow).data('uid', row.uid); |
| | | |
| | | for (var domcell, col, i=0; row.cols && i < row.cols.length; i++) { |
| | | for (var e, domcell, col, i=0; row.cols && i < row.cols.length; i++) { |
| | | col = row.cols[i]; |
| | | domcell = document.createElement(this.col_tagname()); |
| | | if (col.className) domcell.className = col.className; |
| | | if (col.innerHTML) domcell.innerHTML = col.innerHTML; |
| | | for (e in col.events) |
| | | domcell['on' + e] = col.events[e]; |
| | | domrow.appendChild(domcell); |
| | | } |
| | | |
| | |
| | | |
| | | // Un-focus already focused elements (#1487123, #1487316, #1488600, #1488620) |
| | | // It looks that window.focus() does the job for all browsers, but not Firefox (#1489058) |
| | | $(':focus:not(body)').blur(); |
| | | $('iframe,:focus:not(body)').blur(); |
| | | window.focus(); |
| | | |
| | | if (e || (e = window.event)) |
| | |
| | | row.expanded = true; |
| | | depth = row.depth; |
| | | new_row = row.obj.nextSibling; |
| | | this.update_expando(row.uid, true); |
| | | this.update_expando(row.id, true); |
| | | this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj }); |
| | | } |
| | | else { |
| | |
| | | row.expanded = false; |
| | | depth = row.depth; |
| | | new_row = row.obj.nextSibling; |
| | | this.update_expando(row.uid); |
| | | this.update_expando(row.id); |
| | | this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj }); |
| | | |
| | | // don't collapse sub-root tree in multiexpand mode |
| | |
| | | $(new_row).css('display', 'none'); |
| | | if (r.has_children && r.expanded) { |
| | | r.expanded = false; |
| | | this.update_expando(r.uid, false); |
| | | this.update_expando(r.id, false); |
| | | this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row }); |
| | | } |
| | | } |
| | |
| | | row.expanded = true; |
| | | depth = row.depth; |
| | | new_row = row.obj.nextSibling; |
| | | this.update_expando(row.uid, true); |
| | | this.update_expando(row.id, true); |
| | | this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj }); |
| | | } |
| | | else { |
| | |
| | | $(new_row).css('display', ''); |
| | | if (r.has_children && !r.expanded) { |
| | | r.expanded = true; |
| | | this.update_expando(r.uid, true); |
| | | this.update_expando(r.id, true); |
| | | this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row }); |
| | | } |
| | | } |
| | |
| | | }, |
| | | |
| | | |
| | | update_expando: function(uid, expanded) |
| | | update_expando: function(id, expanded) |
| | | { |
| | | var expando = document.getElementById('rcmexpando' + uid); |
| | | var expando = document.getElementById('rcmexpando' + id); |
| | | if (expando) |
| | | expando.className = expanded ? 'expanded' : 'collapsed'; |
| | | }, |
| | | |
| | | get_row_uid: function(row) |
| | | { |
| | | if (row && row.uid) |
| | | return row.uid; |
| | | |
| | | var uid; |
| | | if (row && (uid = $(row).data('uid'))) |
| | | row.uid = uid; |
| | | else if (row && String(row.id).match(this.id_regexp)) |
| | | row.uid = RegExp.$1; |
| | | |
| | | return row.uid; |
| | | }, |
| | | |
| | | /** |
| | | * get first/next/previous/last rows that are not hidden |
| | |
| | | get_first_row: function() |
| | | { |
| | | if (this.rowcount) { |
| | | var i, len, rows = this.tbody.childNodes; |
| | | var i, len, uid, rows = this.tbody.childNodes; |
| | | |
| | | for (i=0, len=rows.length-1; i<len; i++) |
| | | if (rows[i].id && String(rows[i].id).match(this.id_regexp) && this.rows[RegExp.$1] != null) |
| | | return RegExp.$1; |
| | | if (rows[i].id && (uid = this.get_row_uid(rows[i]))) |
| | | return uid; |
| | | } |
| | | |
| | | return null; |
| | |
| | | get_last_row: function() |
| | | { |
| | | if (this.rowcount) { |
| | | var i, rows = this.tbody.childNodes; |
| | | var i, uid, rows = this.tbody.childNodes; |
| | | |
| | | for (i=rows.length-1; i>=0; i--) |
| | | if (rows[i].id && String(rows[i].id).match(this.id_regexp) && this.rows[RegExp.$1] != null) |
| | | return RegExp.$1; |
| | | if (rows[i].id && (uid = this.get_row_uid(rows[i]))) |
| | | return uid; |
| | | } |
| | | |
| | | return null; |
| | |
| | | /** |
| | | * Unselect selected row(s) |
| | | */ |
| | | clear_selection: function(id) |
| | | clear_selection: function(id, no_event) |
| | | { |
| | | var n, num_select = this.selection.length; |
| | | |
| | |
| | | this.selection = []; |
| | | } |
| | | |
| | | if (num_select && !this.selection.length) |
| | | if (num_select && !this.selection.length && !no_event) |
| | | this.triggerEvent('select'); |
| | | }, |
| | | |
| | |
| | | |
| | | if (!multiple) { |
| | | if (this.selection.length > 1 || !this.in_selection(id)) { |
| | | this.clear_selection(); |
| | | this.clear_selection(null, true); |
| | | this.selection[0] = id; |
| | | $(this.rows[id].obj).addClass('selected'); |
| | | } |
| | |
| | | this.collapse(selected_row); |
| | | } |
| | | |
| | | this.update_expando(selected_row.uid, selected_row.expanded); |
| | | this.update_expando(selected_row.id, selected_row.expanded); |
| | | |
| | | return false; |
| | | } |
| | |
| | | |
| | | // get selected rows (in display order), don't use this.selection here |
| | | $(this.row_tagname() + '.selected', this.tbody).each(function() { |
| | | if (!String(this.id).match(self.id_regexp)) |
| | | return; |
| | | var uid = self.get_row_uid(this), row = self.rows[uid]; |
| | | |
| | | var uid = RegExp.$1, row = self.rows[uid]; |
| | | |
| | | if ($.inArray(uid, selection) > -1) |
| | | if (!row || $.inArray(uid, selection) > -1) |
| | | return; |
| | | |
| | | selection.push(uid); |