2011-04-17 34 views
0

我正在嘗試單頁面應用程序。我理解如何在一定程度上使用mvc的主要概念,並使用一個名爲backbone.js的輕量級框架。然而,我的問題不在骨幹。我其實在解決如何構建我的用戶界面時遇到問題。我有一個酒吧在頁面的頂部有4個按鈕。每個按鈕在應用程序中打開一個實例窗口。在這些實例窗口中的每一個HTML,CSS,JavaScript將被利用。關於如何構建此用戶界面的核心概念的任何建議。Javascript MVC,需要幫助的結構/方法?

考慮我的一部分:

  1. 每個窗口實例都有它自己的 DIV有唯一的ID(顯示: 無)。

  2. 加載時,應用程序應該已經有必要的html,css, 和javascript加載到dom中。 html應該位於與其實例 窗口相關的每個唯一 div內。

  3. 每個菜單按鈕應該修改其申報單 顯示:阻斷,使該按鈕的 實例窗口 前面,但隱藏所有其他人。

  4. 每個實例的窗口必須是 足夠靈活,能夠在它的JavaScript運行 ,所以我必須能夠 每個 獨特的專區內創造更多的MVC的。

  5. 好的,最新評論。如果我的用戶 界面使用MVC或是 它不是必要的。另外,如果它確實使用mvc 最好的辦法是實現 這個。有許多不同的概念 與mvc,如爲每個實例窗口創建一個視圖 並監聽 的點擊。它只是讓人困惑。

您認爲我的任何考慮事項都將有效完成工作,您能提供建議嗎?

回答

1

如果我理解正確,您希望每個按鈕都顯示一個彈出窗口,並且能夠根據某些操作更改每個彈出窗口的內容?我只能說,因爲我將如何使用ASP.NET MVC ...

我會用jQuery UI Dialog處理彈出窗口,並有使用使用ajax自己的MVC控制器每個彈出內form標籤(我喜歡jQuery ajax命令)。使用ajax而不是標準的提交按鈕,您可以在不刷新網頁的情況下向/從服務器發送/接收數據。您需要.serialize將您的表單轉換爲正確的發送格式。每個控制器動作可以返回一個JsonResult(它給你回一個JavaScript對象,你可以使用)或PartialView(可提供HTML)...

希望一些有意義之...

編輯: 爲了回答您的最後一點,我將爲每個窗口設置一個模型,視圖和控制器......但我對MVC模式相當陌生......

+0

感謝您的回覆詹姆斯。我也是mvc的新手,並理解它的主要概念。然而,它讓我感到困惑,因爲我需要有4個或更多的實例窗口並在裏面設置一些東西。順便說一下,當我說實例窗口時,我並不一定意味着對話框,我指的是代表應用程序不同區域的頁面內的div。 – kr1zmo 2011-04-17 20:08:31