0

ここの WebMail チュートリアルに移動すると、SPA (シングル ページ アプリケーション) の作成方法に関するチュートリアルを見ることができます。

手順 4 にスキップする場合は、情報ボックス (左上のボックス) を下にスクロールしHelp it's not working、下部にある ボタンをクリックすると、すべてのコードが配置されます。

私の質問は、メール アイテムがクリックされると、ビューがどのように変化するかということです。露骨に明らかな何かが欠けていますが、指を置くことはできません。

これをSPAに適用したいので、知っておく必要があります。SPAでは、左側のメニューの下にあるリンクをクリックして、メインコンテンツを別のものに変更できます!

ありがとう :)

4

1 に答える 1

1

HTMLに表示しないように指示し、正しいものを表示する場所の詳細が必要です

フォルダをナビゲートすると、最初にメールデータが消去されますself.chosenMailData(null);

// Client-side routes    
Sammy(function () {
    this.get('#:folder', function () {
        self.chosenFolderId(this.params.folder);
        self.chosenMailData(null);
        $.get("/mail", { folder: this.params.folder }, self.chosenFolderData);
    });

    this.get('#:folder/:mailId', function () {
        self.chosenFolderId(this.params.folder);
        self.chosenFolderData(null);
        $.get("/mail", { mailId: this.params.mailId }, self.chosenMailData);
    });

    this.get('', function () { this.app.runRoute('get', '#Inbox') });
}).run();

これは、SammyJS を使用して SPA エンジンを作成する方法を行った小さなデモアプリです https://github.com/AndersMalmgren/Knockout.Bootstrap.Demo

于 2013-11-11T16:45:47.757 に答える