tracer/x-editable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

activate method

Browse Source
This commit is contained in:
vitalets 2012-11-30 18:48:20 +04:00
parent de7907575a
commit 49d795bf0d
2 changed files with 36 additions and 27 deletions

10
src/containers/editable-container.js

@ -322,6 +322,16 @@ Applied as jQuery method.
}
});
},
/**
Activates input of visible container (e.g. set focus)
@method activate()
**/
activate: function() {
if(this.tip && this.tip().is(':visible') && this.$form) {
this.$form.data('editableform').input.activate();
}
}
};

53
src/element/editable-element.js

@ -56,10 +56,23 @@ Makes editable any HTML element on the page. Applied as jQuery method.
//add 'editable' class
this.$element.addClass('editable');
//attach click handler. In disabled mode it just prevent default action (useful for links)
//attach handler activating editable. In disabled mode it just prevent default action (useful for links)
if(this.options.toggle !== 'manual') {
this.$element.addClass('editable-click');
this.$element.on(this.options.toggle + '.editable', $.proxy(this.activate, this));
this.$element.on(this.options.toggle + '.editable', $.proxy(function(e){
e.preventDefault();
//stop propagation not required anymore because in document click handler it checks event target
//e.stopPropagation();
if(this.options.toggle === 'mouseenter') {
//for hover only show container
this.show();
} else {
//when toggle='click' we should not close all other containers as they will be closed automatically in document click listener
var closeAll = (this.options.toggle !== 'click');
this.toggle(closeAll);
}
}, this));
} else {
this.$element.attr('tabindex', -1); //do not stop focus on element when toggled manually
}
@ -194,30 +207,6 @@ Makes editable any HTML element on the page. Applied as jQuery method.
}
}
},
/*
show / hide editable container when element triggers event defined by toggle option
*/
activate: function (e) {
e.preventDefault();
if(this.options.disabled) {
return;
}
/*
stop propagation not required anymore because in document click handler it checks event target
*/
//e.stopPropagation();
if(this.options.toggle === 'mouseenter') {
//for hover only show container
this.show();
} else {
/*
if toggle = click we should not close all other containers as they will be closed automatically in document click listener
*/
var closeAll = (this.options.toggle !== 'click');
this.toggle(closeAll);
}
},
/**
Shows container with form
@ -339,7 +328,17 @@ Makes editable any HTML element on the page. Applied as jQuery method.
this.handleEmpty();
this.$element.triggerHandler('render', this);
}, this));
}
},
/**
Activates input of visible container (e.g. set focus)
@method activate()
**/
activate: function() {
if(this.container) {
this.container.activate();
}
}
};
/* EDITABLE PLUGIN DEFINITION