1

私はasp.net mvc 3に取り組んでいます。剣道mvc uiグリッドを使用してレコードのリストを表示しようとしています。サーバー上で処理を実行できるように、編集可能モードをポップアップに設定しました。データがグリッドにロードされる前、つまりページング中、リフレッシュ中などにローディング画像を表示したいのですが、次のようなグリッドを使用しました

 @(Html.Kendo().Grid(Model)
    .Name("GrdXXX")
    .HtmlAttributes(new { style="width:1000px;" })
    .Columns(columns =>
    {
        columns.Bound(p => p.xxx).Width(50);
        columns.Bound(p => p.yyy).Width(50);
        columns.Bound(p => p.zzz).Width(80);
        columns.Bound(p => p.State).Width(50);
        columns.Bound(p => p.Phone).Width(70);
        columns.Command(command => { command.Edit().Text("Edit Details"); command.Destroy().HtmlAttributes(new { onclick = "return DeleteConfirm();" }); }).Width(120);
    })
    .ToolBar(toolbar => toolbar.Create().Text("Add New Zip Code"))
    .Editable(editable => editable.Mode(GridEditMode.PopUp).Window(m => m.Title("Edit Zipcode").Draggable().Resizable()))
            .Pageable()
            .Sortable()
            .Scrollable()
    .DataSource(dataSource => dataSource
        .Server()
        .Model(model => model.Id(p => p.RecNo))
                .Update("Update", "ghj")
                .Create("Create", "ghj")
                .Destroy("Delete", "ghj")
    )
)

ajax jquery 呼び出しを使用してみましたが、うまくいきません。だから私を導いてください。

4

3 に答える 3

5

これが、jQueryを拡張して剣道グリッドに読み込み効果を明示的に追加することを解決した方法です。ネイティブの剣道スタイルを使用しています。

$.extend($.fn, {
        busy: function (c) {
            b = $(this);
            var d = b.find(".k-loading-mask");
            c ? d.length || (d = $("<div class='k-loading-mask'><span class='k-loading-text'>Loading...</span><div class='k-loading-image'/><div class='k-loading-color'/></div>").width(b.outerWidth()).height(b.outerHeight()).prependTo(b)) : d && d.remove()
        }        
    });

そしてそれを

$("#grid").busy(true); // change to false to hide loading effect
于 2012-12-12T16:50:34.563 に答える
2

Telerik が推奨するより良い解決策:

// show loading indicator
kendo.ui.progress($element, true);

// hide loading indicator
kendo.ui.progress($element, false);

// $element is a jQuery object. The element must have a position:relative style applied

参考文献 http://www.telerik.com/forums/how-to-manually-show-and-hide-loading-or-spinning-image#Y_apWF417kKpicdUz0NUHg

于 2015-03-18T18:36:47.327 に答える
0

ajax バインディング用に構成されている場合、グリッドはロード中の画像を自動的に表示します。グリッドは、通常の HTTP GET 要求 (Ajax なし) に依存するサーバー バインド用に構成されています。ブラウザーが HTTP GET 要求を開始すると、読み込み中の画像はすぐに削除されます。

于 2012-09-28T07:06:22.127 に答える