Browse by Tags

All Tags »
  • igGrid セルに縦罫線を表示

    igGrid のセルに縦罫線を表示してみましょう。下記 CSS を適用することで実現することができます。 <style> .ui-iggrid tbody td { border-right: 1px solid #dadada; } </style>   実行結果 セルの境界がわかりやすくなりました。シンプルな CSS の設定ですが、継続的にお問合わせを頂いておりますのでご紹介致しました。   サンプル サンプルのダウンロード(Infragistics Ignite UI 2016.2 バージョン) (本サンプルは 16.2.20162.2040 ...
    Posted to Yuki Mita (Weblog) by ymita on February 14, 2017
  • XamDataGridの各列の幅をFontSizeに応じて変更する

    フォントサイズに応じてXamDataGridの各列の幅を自動で変更する方法をご紹介します。 今回は、XamDataGridのフォントサイズをスライダーの値に連動させ、さらに、列幅を自動調整してみましょう。 Fieldに対してXamDataGridのFontSizeをバインドすることはできません。Fieldはビジュアルツリーに載らないオブジェクトだからです。 代わりに、XamDataGridのTagにXamDataGridをバインドし、コンバーターを使って列幅調整をします。   まず、Xaml側です。 <StackPanel> <StackPanel Orientation=''Horizontal''> ...
    Posted to Noriko Ishibashi (Weblog) by NIshibashi@infragistics.com on January 13, 2017
  • XamDataGrid 列の表示順序を取得

    XamDataGrid の列の表示順序を取得する方法をご紹介します。 XamDataGrid ではアプリケーション実行時に列の位置を左右で入れ替えたり、多段に組み替えることができます。 実行時の列の表示順序を取得するには、Field の ActualPosition.Column プロパティを利用します。 private void button_Click(object sender, RoutedEventArgs e) { FieldCollection fields = xamDataGrid1.FieldLayouts[0].Fields; for (int index = 0; index < fields.Count; index++) ...
    Posted to Yuki Mita (Weblog) by ymita on December 11, 2016
  • XamDataGrid Field に ViewModel のデータをバインドする

    XamDataGrid の列に ViewModel のデータをバインドしてみましょう。例えば、ViewModel 側に編集可否を制御するフラグデータを保持しておき、フラグの状態に応じて列単位のセル編集可否を制御するシナリオを考えてみます。   ViewModel のプロパティ 編集可否を制御するフラグ、AllowTitleEdit プロパティ(デフォルト値 true)と AllowDueEdit プロパティ(デフォルト値 false)を用意します。 class MainViewModel : NotificationObject { ... private bool _allowTitleEdit; public bool ...
    Posted to Yuki Mita (Weblog) by ymita on December 1, 2016
  • XamDataGrid FieldChooser に特定列を表示しない方法

    XamDataGrid では列の表示/非表示を切り替えることのできる、FieldChooser 機能を提供しています。 こんな見た目です。左側に表示されている小さなウィンドウが FieldChooser です。FieldChooser 上でチェックを切り替えると XamDataGrid の列表示も同期して切り替わります。   デフォルトでは全ての列を表示/非表示切り替えができるのですが、特定の列は非表示にされないようにしたいこともあります。このような時には、非表示にされたくない列のプロパティ変更を行うことで、FieldChooser から除外することができます。 例えば、ID 列を FieldChooser から除外するには FieldSettings の ...
    Posted to Yuki Mita (Weblog) by ymita on November 22, 2016
  • XamDataGrid チェックボックスの変更通知タイミング

    XamDataGrid では、バインドデータへの値変更通知は編集を終える(セルエディタから抜ける)タイミングで発生致します。テキスト編集では直感的な動作ですが、場合によっては編集内容を即時バインドデータへ反映したい状況があります。 例えば、bool 値のデータをバインドすると、XamDataGrid がデータタイプに応じて自動的にチェックボックス列を表示します。このチェックボックスにチェックを入れる/外すタイミングでバインドデータへ即時に変更通知をしたいとします。 XamDataGrid のデフォルトの挙動では、チェックボックスからフォーカスが抜けるまで変更通知が行われませんが、DataItemUpdateTrigger プロパティに OnCellValueChange ...
    Posted to Yuki Mita (Weblog) by ymita on November 17, 2016
  • XamDataGrid 列をコードビハインドで明示的に生成する

    XamDataGrid の列をコードビハインドで生成する例をご紹介します。データソースには DataTable を利用しています。 XamDataGrid の定義(XAML) 表示する列は動的に変わることを想定し、XAML 側での定義は行っていません。XamDataGrid ではバインドデータから自動的にデータ型に応じた列を生成するようになっています。ここではバインドするデータのうち、表示しないフィールドもあるため AutoGenerateFields に False を指定し、列の自動生成を無効化します。 <igWPF:XamDataGrid DataSource=''{Binding}'' ...
    Posted to Yuki Mita (Weblog) by ymita on September 20, 2016
Powered by Community Server (Commercial Edition), by Telligent Systems