タグ付けされた質問 「data-binding」

AngularJSフレームワークでデータバインディングはどのように機能しますか？ 彼らのサイトで技術的な詳細は見つかりませんでした。データがビューからモデルに伝達されるときの動作は多かれ少なかれ明確です。しかし、AngularJSは、セッターとゲッターなしでモデルプロパティの変更をどのように追跡するのでしょうか。 この作業を行うJavaScriptウォッチャーがあることがわかりました。ただし、Internet Explorer 6およびInternet Explorer 7 ではサポートされていません。では、AngularJSは、たとえば次の変更を行い、この変更をビューに反映したことをどのようにして知るのでしょうか。 myobject.myproperty="new value";

1957 javascript  angularjs  data-binding 

特定のJSON文字列をJavaオブジェクトに変換する必要があります。JSON処理にJacksonを使用しています。入力JSONを制御できません（Webサービスから読み取りました）。これは私の入力JSONです： {"wrapper":[{"id":"13","name":"Fred"}]} 以下に、簡単な使用例を示します。 private void tryReading() { String jsonStr = "{\"wrapper\"\:[{\"id\":\"13\",\"name\":\"Fred\"}]}"; ObjectMapper mapper = new ObjectMapper(); Wrapper wrapper = null; try { wrapper = mapper.readValue(jsonStr , Wrapper.class); } catch (Exception e) { e.printStackTrace(); } System.out.println("wrapper = " + wrapper); } 私のエンティティクラスは： public Class Student { private String name; private String …

674 java  json  data-binding  jackson 

RelativeSourceWPFバインディングでどのように使用しますか？また、異なるユースケースは何ですか？

588 .net  wpf  xaml  data-binding  relativesource 

私はこのような列挙を持っています： public enum MyLovelyEnum { FirstSelection, TheOtherSelection, YetAnotherOne }; DataContextにプロパティを取得しました。 public MyLovelyEnum VeryLovelyEnum { get; set; } そして、WPFクライアントに3つのRadioButtonを取得しました。 <RadioButton Margin="3">First Selection</RadioButton> <RadioButton Margin="3">The Other Selection</RadioButton> <RadioButton Margin="3">Yet Another one</RadioButton> 次に、RadioButtonをプロパティにバインドして、適切な双方向バインディングを行うにはどうすればよいですか？

406 wpf  data-binding  enums  radio-button 

Model-View-ViewModelアーキテクチャのWPFアプリケーションにViewModelを実装する場合、データバインド可能にする方法は主に2つあるようです。DependencyPropertyViewがバインドするプロパティに使用する実装を見てきましたが、INotifyPropertyChanged代わりにViewModel実装を見てきました。 私の質問は、どちらを優先するかです。パフォーマンスに違いはありますか？ViewModelの依存関係をWPFに与えることは本当に良い考えですか？設計を決定するとき、他に何を考慮する必要がありますか？

353 wpf  data-binding  architecture  mvvm  dependency-properties 

WPFアプリケーションのListBoxまたはListViewを検討しています。データバインディングとアイテムテンプレートのどちらかをサポートしているようです。私のアプリケーションには、ユーザー入力に基づいて検索/ソート/フィルタリングできるようにするアイテムの簡単なリストがあります。データバインディングのデモ（http://msdn.microsoft.com/en-us/library/ms771319.aspx）では、CollectionViewSourceを含むListBoxを使用しています。 誰がいつどのコントロールを使用するかについて長所/短所がありますか？

318 wpf  data-binding  listview  listbox 

おそらくばかげた質問ですが、シンプルな入力とボタンを備えたhtmlフォームがあります： <input type="text" ng-model="searchText" /> <button ng-click="check()">Check!</button> {{ searchText }} 次にコントローラーで（テンプレートとコントローラーはrouteProviderから呼び出されます）： $scope.check = function () { console.log($scope.searchText); } ボタンをクリックすると、コンソールでビューが正しく更新されていても定義されていないのはなぜですか？ ありがとう！ 更新：私は実際にその問題を解決したようです（以前にいくつかの回避策を考案する必要がありました）。プロパティ名をからsearchTextに変更し、コントローラでsearch.text空の$scope.search = {};オブジェクトを定義して、出来上がり...なぜそれが機能しているかわからない;]

270 javascript  angularjs  data-binding  angular-ngmodel 

この質問は厳密に教育的なものとして扱ってください。私はまだこれを実装するための新しい答えとアイデアを聞くことに興味があります tl; dr JavaScriptで双方向データバインディングを実装するにはどうすればよいですか？ DOMへのデータバインディング DOMへのデータバインディングとは、たとえば、aプロパティを持つJavaScriptオブジェクトを持つことbです。次に、<input>（たとえば）DOM要素があると、DOM要素がa変化すると変化し、逆もまた同様です（つまり、双方向のデータバインディングを意味します）。 これは、これがどのように見えるかについてのAngularJSの図です： だから基本的に私は次のようなJavaScriptを持っています： var a = {b:3}; 次に、次のような入力（または他のフォーム）要素： <input type='text' value=''> 入力の値をa.b（たとえば）の値にしたいのですが、入力テキストが変更さa.bれたときにも変更したいと思います。場合はa.bJavaScriptでの変更は、入力が変化します。 質問 これをプレーンJavaScriptで実現するための基本的なテクニックは何ですか？ 具体的には、次のことを参考にしてください。 オブジェクトに対してバインディングはどのように機能しますか？ フォームの変更を聞くことはどのように機能しますか？ テンプレートレベルでHTMLのみを変更することは簡単な方法で可能ですか？HTMLドキュメント自体のバインディングは追跡せず、JavaScript（DOMイベント、およびJavaScriptが使用されているDOM要素への参照を維持する）でのみ追跡したいと思います。 何を試しましたか？ 私は口ひげの大ファンなので、テンプレートに使用してみました。ただし、MustacheはHTMLを文字列として処理するため、データバインディング自体を実行しようとすると問題が発生しました。これについて考えられる唯一の回避策は、HTML文字列（または作成されたDOMツリー）自体を属性で変更することでした。別のテンプレートエンジンを使用してもかまいません。 基本的に、手元の問題を複雑にしていて、簡単な解決策があると強く感じました。 注：外部ライブラリ、特に数千行のコードを使用する回答は提供しないでください。私はAngularJSとKnockoutJSを使用しました（そして好きです！）。私は「フレームワークxを使用する」という形式での回答を本当に望んでいません。理想的には、双方向のデータバインディングを自分で実装する方法を把握するために多くのフレームワークを使用する方法を知らない将来の読者が欲しいです。私は完全な答えを期待しているわけではありませんが、アイデアを理解してもらうためのものです。

244 javascript  html  dom  data-binding 

ウィンドウにリスト（以下を参照）が含まれています。ウィンドウにDataContextは、Itemsとの2つのプロパティがありAllowItemCommandます。 ウィンドウのプロパティに対して解決する必要があるHyperlinkのCommandプロパティのバインディングを取得するにはどうすればよいDataContextですか？ <ListView ItemsSource="{Binding Items}"> <ListView.View> <GridView> <GridViewColumn Header="Action"> <GridViewColumn.CellTemplate> <DataTemplate> <StackPanel> <TextBlock> <!-- this binding is not working --> <Hyperlink Command="{Binding AllowItemCommand}" CommandParameter="{Binding .}"> <TextBlock Text="Allow" /> </Hyperlink> </TextBlock> </StackPanel> </DataTemplate> </GridViewColumn.CellTemplate> </GridViewColumn> </GridView> </ListView.View> </ListView>

215 wpf  data-binding  datacontext 

私は現在、TextBlock以下の名前を付けたプロパティの値をバインドするために使用していますName： <TextBlock Text="{Binding Name}" /> 次に、同じ名前の別のプロパティをバインドします。IDTextBlock 2つ以上の値を同じにバインドすることは可能TextBlockですか？それは単純な連結で行うことができますName + IDか？

210 wpf  data-binding  binding  textblock  multibinding 

私はAngular2にかなり慣れていませんが、少し問題があります。 私のLogin-Component-HTMLには2つのチェックボックスがあり、Login-Component-TypeScriptに2方向のデータバインディングでバインドします。 これはHTMLです。 <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> そして、これはComponent.tsです。 import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { …

202 html  angular  typescript  checkbox  data-binding 

アプリケーションが非常に大きくなり、単一のViewModelで各ビューを処理するには大きすぎると思っています。 したがって、複数のViewModelを作成し、それらすべてを単一のViewにロードするのがどれほど難しいか疑問に思っています。XのViewModelデータをYのViewModelデータに渡すこともできるようにする必要があるので、個々のViewModelが相互に通信できるようにするか、少なくとも相互に認識できる必要があることに注意してください。 たとえば、私は<select>ドロップダウンを持っています、その選択ドロップダウンには選択された状態があり<select>、別のViewModel ....で別のAjax呼び出しにで選択されたアイテムのIDを渡すことができます。 単一のビューで多数のViewModelを処理する上での重要な点は高く評価されています:)

201 mvvm  knockout.js  data-binding  knockout-mapping-plugin 

プロパティにブール値があるオブジェクトにラジオボタンをバインドするときに問題が発生します。$ resourceから取得した試験問題を表示しようとしています。 HTML： <label data-ng-repeat="choice in question.choices"> <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" /> {{choice.text}} </label> JS： $scope.question = { questionText: "This is a test question.", choices: [{ id: 1, text: "Choice 1", isUserAnswer: false }, { id: 2, text: "Choice 2", isUserAnswer: true }, { id: 3, text: "Choice 3", …

199 angularjs  data-binding  model  radio 

SelectedItem / SelectedValueを更新していないように見えるComboBoxがあります。 ComboBox ItemsSourceは、一連のRAS電話帳エントリをCollectionViewとしてリストするViewModelクラスのプロパティにバインドされています。次に、ViewModelのSelectedItemまたはSelectedValue別のプロパティに（別々に）バインドしました。データバインディングによって設定された値をデバッグするために、saveコマンドにメッセージボックスを追加しましたが、SelectedItem/ SelectedValueバインディングが設定されていません。 ViewModelクラスは次のようになります。 public ConnectionViewModel { private readonly CollectionView _phonebookEntries; private string _phonebookeEntry; public CollectionView PhonebookEntries { get { return _phonebookEntries; } } public string PhonebookEntry { get { return _phonebookEntry; } set { if (_phonebookEntry == value) return; _phonebookEntry = value; OnPropertyChanged("PhonebookEntry"); } } } …

183 c#  wpf  data-binding  mvvm  combobox 

列挙型がそのまま表示される簡単な例を見つけようとしています。私が見たすべての例は見栄えの良い表示文字列を追加しようとしていますが、その複雑さは望んでいません。 基本的に、最初にDataContextをこのクラスに設定し、次にxamlファイルで次のようなバインディングを指定することにより、バインドするすべてのプロパティを保持するクラスがあります。 <ComboBox ItemsSource="{Binding Path=EffectStyle}"/> しかし、これはComboBoxasアイテムの列挙値を表示しません。

182 c#  .net  wpf  xaml  data-binding