easyuiを使用して指定したタブページのデータを更新する方法

ホーム/インデックスのタブ管理を使用し、ホームページの更新方法を設定します。

/**
 * 刷新指定的tab里面的数据
 * @param title 选项卡标题
 * @param refreshTabFunc  自定义的刷新方法(再各个页面具体实现)
 */
function refreshTabData(title,refreshGridFunc)
{
    if ($("#tabs" ).tabs('exists', title)) {
        $('#tabs').tabs('select' , title);
        typeof refreshGridFunc === 'function' && refreshGridFunc.call();
    }
}

更新されるページは、独自の更新メソッドをカスタマイズし、データを更新します。

タスクインターフェイスTask/Index.jsで定義しました:

window.top["reload_taskTab"] = function () {
    datagrid.reload("#task_tab");
};

メソッドはwindow.top属性に保存されます。メソッド名は reload_taskTab です。具体的な実装コードが記述されています。

Task/Edit.js でタスク情報を更新した後、タスク リスト タブ ページで datagrid テーブルのデータを更新する必要があります。

編集が完了したら、次のように書きます:

window.parent.refreshTabData("任务列表",window.top.reload_taskTab);

以上がeasyuiを使用して指定したタブページのデータを更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。