編集可能なビューを実装するにはどうすればよいですか? たとえば、私はPersonView. デフォルトのビューには個人情報が表示されます。次に、ダブルクリックすると、フィールドを編集できる「編集モード」に入りたいと思います。私が言っていることを想像できると思いますか？その共通の「パターン」。どうすれば実装できますか？「簡単な」方法はdblClick、既存の HTML を別のものに置き換えることです。しかし、それは正しくないようです...どうすればこれを行うことができますか?
質問する
1140 次
3 に答える
3
ビューの交換、インライン編集、テンプレートの交換など、さまざまな方法でこれを実現できます。
ここにあなたが必要とするものを説明する素晴らしいチュートリアルがあります:
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-contacts-manager-using-backbone-js-part-4/
于 2013-05-09T13:50:40.743 に答える
0
テキスト フィールドに、たとえば などのクラスを追加できます.disabled。disabledまた、属性を追加してこのフィールドを無効にする必要があります。次に、CSS ルールを.disabledクラスに追加して、プレーン テキストのようにします (パディング、マージン、ボーダーなどを削除します)。次に、dblClickイベント時にクラスと属性を削除します。
于 2013-05-09T08:18:06.537 に答える
0
編集用に別のビューを作成できませんでしたか? 編集ビュー内で別々のイベントが必要になるためです。ここに私がjsfiddleでまとめたものがあります
基本的に、新しいビューに更新されるモデルを渡す新しいビューを作成し、それをリージョンに表示できます
newValue = ev.target.value;
this.model.set('contentPlacement', newValue)
mainView = new MainView({ model: this.model });
App.mainRegion.show(mainView)
于 2014-04-24T01:21:00.133 に答える