extjs - Extjs - URL ナビゲーション

Question

Extjs はアプリをシングル ページ アプリにすることを好みますが、ページを更新して現在の場所をアプリに保持し、URL を入力してアプリの特定のポイントに直接アクセスできるようにしたいと考えています。 . これに対する解決策はありますか？

Answer 1

はい、アプリで同じことを行います。Ext JS 履歴メカニズムを使用してこれを行うことができます。Senchaのこの例を見てください。

履歴変更イベ​​ントはこんな感じで聴けます

Ext.History.on('change', function(token) {
    // you navigate-to-target code goes here, e.g. change the viewport content
}

次に、ブラウザのハッシュをナビゲーション ターゲットに設定することで、ナビゲーションを開始できます。

document.location.hash = yourNavigationToken; 

これにより、ブラウザのボタンでディープリンクと前後のナビゲーションを使用することもできます。

履歴を初期化する必要があります:

// The only requirement for this to work is that you must have a hidden field and
// an iframe available in the page with ids corresponding to Ext.History.fieldId
// and Ext.History.iframeId.  See history.html for an example.
Ext.History.init();

例のように、iframe と非表示の入力フィールドをページに追加します。

<form id="history-form" class="x-hide-display">
    <input type="hidden" id="x-history-field" />
    <iframe id="x-history-frame"></iframe>
</form>