Print Page - Disable entire form

General Category => EasyUI for jQuery => Topic started by: joe on July 05, 2017, 11:38:07 AM

Title: Disable entire form
Post by: joe on July 05, 2017, 11:38:07 AM

is there a method i can use to disable the entire from after submit? for example:

Code:

$(this).form('disable')

Title: Re: Disable entire form
Post by: jarry on July 05, 2017, 05:01:49 PM

You could show a mask or use the $.messager.progress to display a waiting message after submitting your form.

Title: Re: Disable entire form
Post by: joe on July 05, 2017, 09:22:13 PM

I need to disable all fields on the form after submit. I basically need the form to become read only after submit.

Title: Re: Disable entire form
Post by: sky-t on July 06, 2017, 01:37:22 AM

You can disable the submit button like this

$('#button_id').prop('disabled', true);

Title: Re: Disable entire form
Post by: akset on July 13, 2017, 07:37:01 AM

This is a little hacky, but it's how I did it. I have a bunch of forms that I wanted to force the user to unlock in order to edit (to prevent accidental edits). The gist of it is using jquery.find to loop through a collection of DOM elements with the selector and call a function on them.

This is the function that the form onLoad calls to make sure all the field elements are disabled initially:

Code:

function disableForm(which) {
    var form = $('#' + which + '_Form');
    var btn = $('#' + which + '_Toggle');
    var lock = $('#' + which + '_Locked');
    btn.linkbutton({
        text: 'Unlock <span class="offset-up" uk-icon="icon:lock"></span>'
    });
    lock.val(1);
    form.find('.easyui-textbox').each(function() {
        $(this).textbox('readonly', true);
    });
    form.find('.easyui-combobox').each(function() {
        $(this).combobox('readonly', true)
    });
    form.find('.easyui-datebox').each(function() {
        $(this).datebox('readonly', true)
    });
    form.find('.easyui-numberbox').each(function() {
        $(this).numberbox('readonly', true)
    });
}

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: joe on July 05, 2017, 11:38:07 AM