nouveau module jQuery pour
afficher/cacher les groupes de champ de formulaire * yavsc.hidefieldset.js: Creation d'un nouveau module jQuery pour afficher/cacher les champ de formulaire en cliquant sur le titre des groupes de champ. * style.css: style plus compact pour les fieldset * App.master: appelle l'initialisation des widget hidefieldset * Profile.aspx: mettre tous les elements fils d'un groupe champ dans des noeud cachable. * Yavsc.csproj: referencer le nouveau script dans le projet * LocalizedText.resx: * LocalizedText.fr.resx: * LocalizedText.Designer.cs: * LocalizedText.fr.Designer.cs: traductions
This commit is contained in:
42
web/Scripts/yavsc.hidefieldset.js
Normal file
42
web/Scripts/yavsc.hidefieldset.js
Normal file
@ -0,0 +1,42 @@
|
||||
(function() {
|
||||
(function(jQuery) {
|
||||
return jQuery.widget('Yavsc.hidefieldset', {
|
||||
options: {
|
||||
jsCallBack: null,
|
||||
disabled: false
|
||||
},
|
||||
button: null,
|
||||
_create: function() {
|
||||
var $ctl = $(this.element);
|
||||
var _this = this;
|
||||
var _btn = $ctl.children('legend');
|
||||
if (!this.options.disabled && _btn) {
|
||||
_btn.addClass('actionlink');
|
||||
_btn.addClass('fa');
|
||||
_btn.addClass('fa-eye');
|
||||
this.button = _btn;
|
||||
$ctl.children(':not(legend)').hide();
|
||||
this.button.click( function (e) {
|
||||
if ( _btn.hasClass('fa-eye') ) {
|
||||
_btn.removeClass('fa-eye');
|
||||
_btn.addClass('fa-eye-slash');
|
||||
|
||||
$ctl.children(':not(legend)').show();
|
||||
}
|
||||
else {
|
||||
_btn.addClass('fa-eye');
|
||||
_btn.removeClass('fa-eye-slash');
|
||||
|
||||
$ctl.children(':not(legend)').hide();
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
})})(jQuery);
|
||||
}).call(this);
|
||||
|
||||
$(document).ready(function(){
|
||||
$('fieldset').hidefieldset();
|
||||
});
|
||||
|
Reference in New Issue
Block a user