7

リモート ソースからの情報で満たされた Kendo UI Grid があり、Web サイトの Kendo UI ウィンドウを閉じた後に表示される情報を強制的に更新したいと考えています。

私はこれを試しました：

var grid = $("#usuariosGrid").data("kendoGrid");
grid.refresh();

しかし、それはうまくいきませんでした.Kendo UI Gridを作成する方法は次のとおりです。

var ds = new kendo.data.DataSource({
    transport: {
        read: {
            url: root_url + "/usuario/index",
            dataType: "json"
        }
    },
    schema: {
        data: "Response",
        total: "Count"
    },
    serverPaging: false,
    pageSize: 2
});
$("#usuariosGrid").kendoGrid({
    pageable: {
        refresh: true
    },
    columns: [
        { field: "UsuarioId", title: "ID", width: "100px" },
        { field: "Nombre", title: "Nombre", width: "100px" },
        { field: "ApellidoP", title: "Apellido Paterno", width: "100px" },
        { field: "ApellidoM", title: "Apellido Materno", width: "100px" },
        { command: [{  text: "Editar", click: editFunction }, { text: "Eliminar", click: deleteFunction }], title: " ", width: "200px" }
    ],
    dataSource: ds
});

ドキュメントを見ましたが、これを行う方法に出くわしませんでした。

余談ですが、Kendo UI グリッドにデータがロードされている間にローディング アニメーションを表示する方法を考えていましたが、ロード後に表示され、グリッドのページをクリックしていましたが、データがないときは折りたたまれているように見えるので、読み込み中のアニメーションを表示して、情報が読み込まれている間に塗りつぶされたように見せたいと考えています。

4

2 に答える 2

7

@NicholasBattler が示唆するds.read()ように、読み取りを強制するために使用します。定義によってはDataSource、結果がキャッシュされる場合があります。有効化/無効化の際にチェックしtransport.read.cacheてください。

読み込みイメージを置き換えるには、クラスを再定義し.k-loading-imageます。例：

.k-loading-image {
    background-image:url('http://24.media.tumblr.com/cfa55f70bbc5ce545eed804fa61a9d26/tumblr_mfpmmdCdWA1s1r5leo1_500.gif')
}

編集画像を表示するのに十分なスペースがあることを保証するために、次のスタイル定義を追加します。

#grid .k-grid-content {
    min-height: 100px;
}

フィドルの例: http://jsfiddle.net/OnaBai/nYYHk/1/

于 2013-04-10T23:15:57.870 に答える