BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
@Html.CheckBoxFor(m => m, new
{
data_role = "ejtogglebutton",
data_ej_value = Model,
data_ej_activetext = "ON",
data_ej_defaulttext = "OFF"
,
data_ej_contenttype = ("textandimage"),
data_ej_defaultprefixicon = ("e-close label-danger e-btn-text"),
data_ej_activeprefixicon = ("e-checkmark label-success"),
data_ej_clientsideonclick=("ejdisabletoggle"),
data_ej_clientsideonchange = ("ejdisabletoggle"),
data_ej_clientsideonchecked = ("ejdisabletoggle"),
data_ej_clientsideonunchecked = ("ejdisabletoggle"),
onChange= "disablereenable('" + Html.IdFor(x => x) + "');",
onLoad = "console.log('" + Html.IdFor(x => x) + "');"
})
@Html.CheckBoxFor(m => m.model1, new
{
data_role = "ejtogglebutton",
data_ej_activetext = "ON",
data_ej_defaulttext = "OFF",
data_ej_contenttype = ("textandimage"),
data_ej_defaultprefixicon = ("e-icon e-close label-danger"),
data_ej_activeprefixicon = ("e-icon e-checkmark label-success"),
data_ej_click = ("onClick"),
data_ej_change = ("onChange"),
data_ej_create = ("onCreate"),
})
<script>
function onClick(arg) { // onClick takes (arg) as a parameter
console.log("Click event triggered");
}
function onChange(arg) {
console.log("Change event triggered");
}
function onCreate(arg) {
console.log("ToggleButton Created");
}
</script>
|
var ejdisabletoggle = function(args) {
// inst - instance of button object.
// args : args._currentItem - clickeded button
// args._id - button id
console.log("toggledisable");
disablereenable(this,args);
}
window.ejdisabletoggle = window.ejdisabletoggle || ejdisabletoggle;
var disablereenable = function(args,otherargs){
var tele = args.element[0];
var value = tele.id.split("__")[0];
var bele = $('input[type="text"][id^="' + value + '"]');
bele.each(function(index,ele){
console.log(ele.id);
var ejtype= ele.attributes["data-role"].value;
var b = $(ele).data(ejtype,"instance");
if(otherargs.isChecked){
console.log("checked");
b.enable();
}else{
console.log("unchecked");
b.disable();
}
});
//var old = $('#'+id).valueOf();
//$('#'+id).val(!old);
//if($('#'+id).checked) {
};
window.disablereenable = window.disablereenable || disablereenable;
var ejtype = ele.attributes["data-role"].value;
$.each(ej.widget.registeredWidgets, function (key, value) { // check data-role name with plugin name
if (ej.widget.registeredWidgets[key].name.toLowerCase() == ejtype) ejtype = ej.widget.registeredWidgets[key].name;
});
var b = $("#" + ele.id).data(ejtype); // object/instance creation for the control
if (otherargs.isChecked) b.enable();
else b.disable(); |