如何實現可編輯視圖?例如,我有一個PersonView
。默認視圖將顯示個人信息。然後當我雙擊時,我想進入「編輯模式」,在那裏我可以編輯字段。我想你可以想像我的意思嗎?它的共同「模式」。我怎樣才能實現它? 「簡單」的方式可能在dblClick
我用其他東西替換現有的HTML。但它似乎不正確......這怎麼能做到?Backbone(Marionette)編輯視圖
2
A
回答
0
您可以添加到您的文本字段某些類,例如.disabled
。您還必須通過添加disabled
屬性來禁用此字段。然後將css規則添加到.disabled
類中,使其像純文本(刪除填充,邊距,邊框等)。然後在dblClick
事件中刪除類和屬性。
3
您可以通過多種方式實現這一目標: 交換意見, 內聯編輯, 交換模板
這裏是一個很好的教程,說明您需要什麼:
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-contacts-manager-using-backbone-js-part-4/
0
你能不能只需創建另一個編輯視圖?因爲你需要在編輯視圖內單獨的不同事件。下面是我放在一起的jsfiddle
你基本上可以創建一個新的觀點傳遞一個被更新到新視圖模型,並顯示在一個區域
newValue = ev.target.value;
this.model.set('contentPlacement', newValue)
mainView = new MainView({ model: this.model });
App.mainRegion.show(mainView)
相關問題
- 1. Backbone/Marionette with select2 v4.0,編輯標籤
- 2. Backbone Marionette視圖之間的通信
- 3. Backbone Marionette,渲染複合視圖兩次?
- 4. 如何使用Backbone Marionette呈現視圖
- 5. Backbone Marionette複合視圖渲染
- 6. Backbone Marionette動畫集合視圖
- 7. Backbone Marionette視圖的動畫關閉
- 8. Backbone marionette render
- 9. Backbone Marionette Collection Filtering
- 10. Jade Template with Backbone/Marionette
- 11. 取消已關閉的Marionette Backbone視圖中的超時
- 12. Backbone Marionette:從CollectionView獲取嵌套/交換視圖
- 13. Backbone Marionette ItemView和子視圖最佳實踐
- 14. Backbone Marionette,在所有視圖中設置全局的BeforeRender
- 15. Backbone/Marionette從獲取數據中分離視圖
- 16. 如何在其內部引用Backbone/Marionette視圖?
- 17. 在Marionette/Backbone視圖中使用多個模型和集合
- 18. Backbone Marionette renderModel()不適用於複合視圖
- 19. Marionette Backbone:具有多種可能視圖狀態的Childviews
- 20. Backbone/Marionette - 如何聆聽地區兒童視圖上的活動?
- 21. Backbone/Marionette collection.create not firing回調
- 22. Backbone Marionette隱藏模塊
- 23. 正確使用Backbone Marionette CompositeView
- 24. Backbone + Marionette其他模式Loading
- 25. Backbone Marionette:如何使用preventDestroy:true
- 26. Backbone Marionette和RequireJS模塊
- 27. Backbone Marionette架構,子應用
- 28. Backbone Marionette CompositeView渲染/用法
- 29. Backbone Marionette遞歸列表
- 30. Marionette Event Aggregator vs Backbone Router