Backbone（Marionette）編輯視圖

Question

如何實現可編輯視圖？例如，我有一個PersonView。默認視圖將顯示個人信息。然後當我雙擊時，我想進入「編輯模式」，在那裏我可以編輯字段。我想你可以想像我的意思嗎？它的共同「模式」。我怎樣才能實現它？ 「簡單」的方式可能在dblClick我用其他東西替換現有的HTML。但它似乎不正確......這怎麼能做到？

Answer 1

您可以添加到您的文本字段某些類，例如.disabled。您還必須通過添加disabled屬性來禁用此字段。然後將css規則添加到.disabled類中，使其像純文本（刪除填充，邊距，邊框等）。然後在dblClick事件中刪除類和屬性。

Answer 2

您可以通過多種方式實現這一目標： 交換意見， 內聯編輯， 交換模板

這裏是一個很好的教程，說明您需要什麼：

http://net.tutsplus.com/tutorials/javascript-ajax/build-a-contacts-manager-using-backbone-js-part-4/

Answer 3

你能不能只需創建另一個編輯視圖？因爲你需要在編輯視圖內單獨的不同事件。下面是我放在一起的jsfiddle

你基本上可以創建一個新的觀點傳遞一個被更新到新視圖模型，並顯示在一個區域

newValue = ev.target.value; 
this.model.set('contentPlacement', newValue) 

mainView = new MainView({ model: this.model }); 
App.mainRegion.show(mainView) 

http://jsfiddle.net/cLPfw/