Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Repeater disable methods and auto disable when loading #1235

Merged
merged 3 commits into from
Apr 14, 2015
Merged

Repeater disable methods and auto disable when loading #1235

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5fb446c
repeater-disabling-methods: added disable and enable methods
Apr 13, 2015
4b7c21c
repeater-disabling-methods: unit tests and minor alteration to disabl…
Apr 13, 2015
fe410d3
repeater-disabling-methods: changing no-more class to page-end
Apr 13, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 48 additions & 0 deletions js/repeater.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -211,6 +211,46 @@
return markup;
},

disable: function() {
var disable = 'disable';
var disabled = 'disabled';

this.$search.search(disable);
this.$filters.selectlist(disable);
this.$views.find('label').attr(disabled, disabled);
this.$pageSize.selectlist(disable);
this.$primaryPaging.find('.combobox').combobox(disable);
this.$secondaryPaging.attr(disabled, disabled);
this.$prevBtn.attr(disabled, disabled);
this.$nextBtn.attr(disabled, disabled);

this.$element.addClass('disabled');
this.$element.trigger('disabled.fu.repeater');
},

enable: function() {
var disabled = 'disabled';
var enable = 'enable';
var pageEnd = 'page-end';

this.$search.search(enable);
this.$filters.selectlist(enable);
this.$views.find('label').removeAttr(disabled);
this.$pageSize.selectlist('enable');
this.$primaryPaging.find('.combobox').combobox(enable);
this.$secondaryPaging.removeAttr(disabled);

if(!this.$prevBtn.hasClass(pageEnd)){
this.$prevBtn.removeAttr(disabled);
}
if(!this.$nextBtn.hasClass(pageEnd)){
this.$nextBtn.removeAttr(disabled);
}

this.$element.removeClass('disabled');
this.$element.trigger('enabled.fu.repeater');
},

getDataOptions: function (options) {
var dataSourceOptions = {};
var opts = {};
Expand Down Expand Up @@ -400,6 +440,7 @@
var act = 'active';
var dsbl = 'disabled';
var page = data.page;
var pageEnd = 'page-end';
var pages = data.pages;
var dropMenu, i, l;

Expand Down Expand Up @@ -429,15 +470,19 @@
// this is not the last page
if ((this.currentPage + 1) < pages) {
this.$nextBtn.removeAttr(dsbl);
this.$nextBtn.removeClass(pageEnd);
} else {
this.$nextBtn.attr(dsbl, dsbl);
this.$nextBtn.addClass(pageEnd);
}

// this is not the first page
if ((this.currentPage - 1) >= 0) {
this.$prevBtn.removeAttr(dsbl);
this.$prevBtn.removeClass(pageEnd);
} else {
this.$prevBtn.attr(dsbl, dsbl);
this.$prevBtn.addClass(pageEnd);
}

// return focus to next/previous buttons after navigating
Expand Down Expand Up @@ -481,6 +526,7 @@
var dataOptions, prevView;

options = options || {};
this.disable();

if (options.changeView && (this.currentView !== options.changeView)) {
prevView = this.currentView;
Expand Down Expand Up @@ -543,6 +589,8 @@

//for maintaining support of 'loaded' event
self.$element.trigger('loaded.fu.repeater', dataOptions);

self.enable();
});
});
},
Expand Down
53 changes: 53 additions & 0 deletions test/repeater-test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -288,6 +288,59 @@ define(function(require){
});
});

test("should handle disable / enable correctly", function () {
var $repeater = $(this.$markup);

var $search = $repeater.find('.repeater-header .search');
var $filters = $repeater.find('.repeater-header .repeater-filters');
var $views = $repeater.find('.repeater-header .repeater-views label');
var $pageSize = $repeater.find('.repeater-footer .repeater-itemization .selectlist');
var $primaryPaging = $repeater.find('.repeater-footer .repeater-primaryPaging .combobox');
var $secondaryPaging = $repeater.find('.repeater-footer .repeater-secondaryPaging');
var $prevBtn = $repeater.find('.repeater-prev');
var $nextBtn = $repeater.find('.repeater-next');

var disabled = 'disabled';

$repeater.on('disabled.fu.repeater', function(){
ok(1===1, 'disabled event called as expected');
});

$repeater.on('enabled.fu.repeater', function(){
ok(1===1, 'enabled event called as expected');
});

$repeater.on('rendered.fu.repeater', function(){
setTimeout(function(){
$repeater.repeater('disable');

equal($search.hasClass(disabled), true, 'repeater search disabled as expected');
equal($filters.hasClass(disabled), true, 'repeater filters disabled as expected');
equal($views.attr(disabled), disabled, 'repeater views disabled as expected');
equal($pageSize.hasClass(disabled), true, 'repeater pageSize disabled as expected');
equal($primaryPaging.hasClass(disabled), true, 'repeater primaryPaging disabled as expected');
equal($secondaryPaging.attr(disabled), disabled, 'repeater secondaryPaging disabled as expected');
equal($prevBtn.attr(disabled), disabled, 'repeater prevBtn disabled as expected');
equal($nextBtn.attr(disabled), disabled, 'repeater nextBtn disabled as expected');
equal($repeater.hasClass(disabled), true, 'repeater has disabled class as expected');

$repeater.repeater('enable');

equal($search.hasClass(disabled), false, 'repeater search enabled as expected');
equal($filters.hasClass(disabled), false, 'repeater filters enabled as expected');
equal($views.attr(disabled), undefined, 'repeater views enabled as expected');
equal($pageSize.hasClass(disabled), false, 'repeater pageSize enabled as expected');
equal($primaryPaging.hasClass(disabled), false, 'repeater primaryPaging enabled as expected');
equal($secondaryPaging.attr(disabled), undefined, 'repeater secondaryPaging enabled as expected');
equal($prevBtn.attr(disabled), disabled, 'repeater prevBtn still disabled as expected (no more pages)');
equal($nextBtn.attr(disabled), disabled, 'repeater nextBtn still disabled as expected (no more pages)');

equal($repeater.hasClass(disabled), false, 'repeater no longer has disabled class as expected');
}, 0);
});
$repeater.repeater();
});

asyncTest('should destroy control', function(){
var $repeater = $(this.$markup);

Expand Down