Button click change to processing image

[mallepaddiParticipant]

HI

When the user clicks on a button it should show “processing” image and then should retain original image when it loads data into grid,

Every thing working fine but user can still able to click on “processing” image even when i set “disabled:true.

<div id=’Search’ style=’float:left;background:#FFFFFF;’></div>
$(“#Search”).jqxButton( { width : ’60’,height : ’20’,theme : theme,roundedCorners : ‘all’});

$(“#Search”).click(function(e){
$(“#Search”).jqxButton({ disabled: true});
$(‘#SearchImage’).prop(‘src’,’/images/circular.gif’);

loading data …
});

$(‘#grid’).on(‘bindingcomplete’, function (event) {
$(“#Search”).jqxButton({ disabled: false});
$(‘#rSearchImage’).prop(‘src’,’/images/search.gif’);
});

Somehow user able to click on “Proceesing” image which generates another ajax request, why disabled:true not working here.

Thanks

[DimitarParticipant]

Hello mallepaddi,

Please provide us with both your HTML and JavaScript code and remember to format it by selecting it and clicking on the code button from the toolbar.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts