jqGrid trigger Загрузка оверлея

Если вы ищете что-то вроде DisplayLoadingMessage() function. Его нет в jqGrid. Вы можете установить для параметра loadui jqGrid только значение включить (по умолчанию), отключить или заблокировать. Я лично предпочитаю блок. (см. http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options). Но я думаю, что это не то, что вы хотели.

Единственное, что вы можете сделать, если вам нравится сообщение «Загрузка ...» от jqGrid, - это сделать то же самое. Я объясню здесь, что делает jqGrid для отображения этого сообщения: будут созданы два скрытых div. Если у вас есть сетка с id = list, эти блоки будут выглядеть следующим образом:

<div style="display: none" id="lui_list"
     class="ui-widget-overlay jqgrid-overlay"></div>
<div style="display: none" id="load_list"
     class="loading ui-state-default ui-state-active">Loading...</div>

где текст «Loading ...» или «Lädt ...» (на немецком языке) происходит от $.jgrid.defaults.loadtext. Идентификаторы div будут построены из префикса «lui_» или «load_» и идентификатора сетки («список»). Перед отправкой запроса ajax jqGrid делает видимыми один или два из этих div. Он вызывает функцию jQuery.show() для второго div (id = "load_list"), если для параметра loadui установлено значение enable. Если, однако, для параметра loadui установлено значение block, то оба div (id = "lui_list" и id = "load_list") будут показаны с учетом функции .show(). После завершения запроса ajax .hide() функция jQuery будет вызываться для одного или двух div. Это все.

Вы найдете определение всех классов css в ui.jqgrid.css или jquery-ui-1.8.custom.css.

Теперь у вас достаточно информации, чтобы воспроизвести сообщение jqGrid «Загрузка ...», но на вашем месте я бы еще раз подумал, действительно ли вы хотите это сделать или jQuery blockUI plugin лучше для ваших целей.

я использую

        $('.loading').show();
        $('.loading').hide();

Он отлично работает без создания каких-либо новых div

Просто показать это:

$("#myGrid").closest(".ui-jqgrid").find('.loading').show();

Затем снова скрыть это

$("#myGrid").closest(".ui-jqgrid").find('.loading').hide();

Я просто разместил строку ниже в событии onSelectRow сетки JQ, и все сработало.

$ ('. загрузка'). show ();

Переопределяемый стиль - [.ui-jqgrid .loading].

Вы можете вызвать $ ("# load _"). Show () и .hide (), где - идентификатор вашей сетки.

это работает с $ ('div.loading'). show (); Это также полезно даже для других компонентов

$('#editDiv').dialog({
            modal : true,
            width : 'auto',
            height : 'auto',
            buttons : {
                Ok : function() {
                    //Call Action to read wo and 
                     **$('div.loading').show();**

                    var status = call(...)
                    if(status){
                        $.ajax({
                            type : "POST",
                            url : "./test",
                            data : {
                                ...
                            },
                            async : false,
                            success : function(data) {

                                retVal = true;
                            },
                            error : function(xhr, status) {


                                retVal = false;
                            }
                        });
                    }
                    if (retVal == true) {
                        retVal = true;
                        $(this).dialog('close');
                    }
                    **$('div.loading').hide();**
                },
                Cancel : function() {
                    retVal = false;
                    $(this).dialog('close');
                }

            }
        });

Как упоминал @Oleg, пользовательский интерфейс блока jQuery имеет множество хороших функций при разработке базовых приложений ajax. С его помощью вы можете заблокировать весь пользовательский интерфейс или определенный элемент под названием element Block.

Для jqGrid вы можете поместить свою сетку в div (sampleGrid), а затем заблокировать сетку как:

$.extend($.jgrid.defaults, {
    ajaxGridOptions : {
        beforeSend: function(xhr) {
            $("#sampleGrid").block();
        },
        complete: function(xhr) {
            $("#sampleGrid").unblock();
        },
        error: function(jqXHR, textStatus, errorThrown) {
            $("#sampleGrid").unblock();
        }
    }
});

Если вы хотите не блокировать и не использовать встроенный вызов ajax для получения данных

datatype = "местный"

вы можете расширить функции jqgrid следующим образом:

$.jgrid.extend({
    // Loading function
    loading: function (show) {
        if (show === undefined) {
            show = true;
        }
        // All elements of the jQuery object
        this.each(function () {
            if (!this.grid) return;
            // Find the main parent container at level 4
            // and display the loading element
            $(this).parents().eq(3).find(".loading").toggle(show);
        });
        return show;
    }
});

а затем простой звонок

$("#myGrid").loading(); 

or

$("#myGrid").loading(true); 

чтобы показать загрузку всех ваших сеток (конечно, изменение идентификатора сетки для каждой сетки) или

$("#myGrid").loading(false); 

чтобы скрыть элемент загрузки, нацеливаясь на конкретную сетку, если у вас есть несколько сеток на одной странице