Browse by Tags

All Tags » Infragistics
Showing page 1 of 9 (211 total posts)
  • UltraChart 折れ線グラフの色を指定する

    UltraChart ではグラフに自動的に色を切り替えて配色するようになっていますが、状況に応じて配色を変更したい状況があります。ここでは UltraChart の折れ線グラフ(合成チャート)の色を指定する方法をご紹介します。 実装方法 各折れ線グラフ(NumericSeries)の PaintElement コレクション(PEs)に、色情報を加えます。 C# //シリーズの生成 NumericSeries lineSeries1 = this.GetSeriesABound(''Series A''); // ラインの色指定 lineSeries1.PEs.Add(new PaintElement(Color.FromArgb(116, 70, ...
    Posted to Yuki Mita (Weblog) by ymita on February 14, 2017
  • UltraChart null を非表示にする方法

    年度別のウェブサイトアクセス数をラインチャートで表示するアプリケーションを考えてみましょう。緑のラインが 2016 年、青のラインが 2017 年の実績を示しています。   データは DataTable 形式で、月ごとのアクセス数を保持しています。 C# DataTable dt = new DataTable(); dt.Columns.Add(''月'', typeof(string)); dt.Columns.Add(''2016 年'', typeof(decimal)); dt.Columns.Add(''2017 年'', typeof(decimal)); dt.Rows.Add(''1 月'', 30000, ...
    Posted to Yuki Mita (Weblog) by ymita on February 13, 2017
  • XamDataGrid 行のスタイルを変更する

    XamDataGrid では、デフォルトで選択行やアクティブ行、ホバー行など各種状態に対して青色を基調とした配色が行われています。これら行のスタイルを状況に応じて変更したいという状況はよくあります。今回は行のスタイルを状態毎に個別に変更する方法をご紹介します。   実装方法 XamDataGrid の行のスタイルは DataRecordPresenter クラスで設定することができます。XamDataGrid の各要素の構成は「xamDataGrid について」を参照下さい。 DataRecordPresenter に対するスタイルを作成します。Setter の Value には ComboBox で選択している色をバインドしています。実装の詳細は サンプル ...
    Posted to Yuki Mita (Weblog) by ymita on February 1, 2017
  • igGrid のパフォーマンスを体感できるオンラインサンプル

    - 2017/01/31(火)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロール Ignite UI のコントロールの中で最もご利用頻度の高い igGrid ですが、 ・何行 × 何列 まで表示できるの? ・パフォーマンスはどうなの? といったお問い合わせをよく頂きます。そこで、弊社では、お客様ご自身でパフォーマンスを確認できるオンラインサンプルをご用意しております。   オンラインサンプル:Grid パフォーマンスオプション ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on January 31, 2017
  • igGrid のライフサイクルイベントを使ってカスタマイズの幅を広げよう

    - 2017/01/30(月)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロール Ignite UI のコントロールの中で最もご利用頻度の高い igGrid のライフサイクルイベントについてご説明いたします。 Ignite UI のコントロールは、組み込みオプションでは実現できないことも、イベントを駆使することでより高度なカスタマイズを実現することができます。 特に igGrid ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on January 30, 2017
  • ASP.NET アプリケーションで QR コード入りの PDF を作成する

    以前のブログで Windows Forms アプリケーションにて WPF コントロールの XamBarcode を使用する方法をご案内致しました。 今回はウェブ版の ASP.NET アプリケーションで QR コードを取り扱う方法をご紹介します。 Infragistics ASP.NET 製品には、QR コードやバーコードを作成することのできるコントロールがございません。そこで、以前のブログのようにQR コードの作成には Infragistics WPF のコントロールである XamQRCodeBarcode を使用します。今回はさらにその画像を取り込んで PDF ファイルを作成してみたいと思います。PDF の作成には、 Infragistics ASP.NET 製品に含まれる ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on January 16, 2017
  • XamDataGrid 多段明細行

    XamDataGrid ではデータを横方向に連続して表示する以外にも、データを多段表示することもできます。 データを多段で表示できると、横幅が限られた画面幅に各レコードを収めることも可能ですし、データを俯瞰しやすくなります。   実装方法 FieldLayoutSettings にある AutoArrangeCells プロパティに “Never” を指定し、グリッドのフィールドが自動的に1段で整列する動作を無効化します。 <igDP:XamDataGrid x:Name=''xamDataGrid1'' DataSource=''{Binding People}''> ...
    Posted to Yuki Mita (Weblog) by ymita on January 10, 2017
  • WebDataGrid クリック行のデータを取得する

    WebDataGrid のクリックした行のデータを取得してみます。よくあるシナリオとして、セルにボタンを埋め込み、ボタンをクリックした際にクリック行のデータを伴う処理を実施することがあります。このような場合、WebDataGrid のアクティブ化機能を利用することで簡潔に実装することができます。   実装方法 1.アクティブ化機能の有効化 下記のように WebDataGrid の Behaviors コレクションに Activation を設定します。 <ig:WebDataGrid ID=''WebDataGrid1'' runat=''server'' Height=''350px'' Width=''400px'' ...
    Posted to Yuki Mita (Weblog) by ymita on December 18, 2016
  • サービスリリースのお知らせ 2016年 12月 - Infragistics Windows Forms

    インフラジスティックス・ジャパンでは 2016 年 12 月 19 日付で下記製品のサービスリリースを提供開始致しました。 Windows Form Infragistics Windows Forms 2016 Volume 2 Service Release (Build 2040) Infragistics Windows Forms 2016 Volume 1 Service Release (Build 2118)Infragistcs Windows Forms 修正一覧16.2Infragistcs Windows Forms ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on December 18, 2016
  • 地図上にツイッターの検索結果を表示するアプリケーション

    今日のランチどうする? なに食べようかな~? 最近近所で流行っている食べ物ってなに? みなさんもこのようなお悩みをお持ちではないでしょうか。 そこで今日は Twitter の公開 API を使って 地図上の特定位置を中心に最近投稿されたツイートを検索、 Infragistics WPF XamGeographicMap ...
    Posted to Hyung Kim (Weblog) by hkim on December 13, 2016
  • Windows Forms でホストした XamBarcode をプリンター印刷する

    Infragistics 製品にはバーコードやQRコードを生成することのできるコントロールが含まれています。 Windows Forms 版には専用の UltraBarcode コントロール( UltraCode128Barcode や UltraQRCodeBarcode )がございますが、プリンターでの印刷の際にはフォームに表示されている時と比べて若干鮮明度が劣るようです。一方、 WPF 版の XamBarcode コントロールは印刷時も鮮明度が保たれます。そこで、今回は Windows Forms アプリケーションで ElementHost コントロールによってWPFコントロールであるXamBarcodeをホストし、印刷する方法をご紹介します。 Windows Forms で ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on December 7, 2016
  • XamCalendarの日付の色を変える

    XamCalendarの日付の色を土日や祝日は変えたいといったお問い合わせをよくいただきます。 今回はその方法についてご紹介します。   Snoopを使って構成要素を確認してみる まず、Snoopを使ってXamCalendarの日付部分の構成要素を確認してみましょう。 ご覧のように、CalendarDay->Grid->OuterBorder (Border)->InnerBorder ...
    Posted to Noriko Ishibashi (Weblog) by NIshibashi@infragistics.com on December 7, 2016
  • XamDataGrid セルのスタイルを状態に応じて変更

    XamDataGrid のセルのスタイルを、行の状態に応じて変更してみます。 XamDataGrid の提供する CellBinding 機能を利用することで簡潔に実装することができます。 Title 列の CellBindings コレクションに、セルの背景色(CellValuePresenter.Foreground)と ViewModel の ForegroundColor プロパティをバインドします。 <igDP:XamDataGrid DataSource=''{Binding Tasks}'' Grid.Row=''1''> <igDP:XamDataGrid.FieldLayouts> ...
    Posted to Yuki Mita (Weblog) by ymita on December 5, 2016
  • igGrid でカスタムのリモートページングを実装する(Web API を使用)

    igGrid のページング機能はレコードデータを複数のページに分け、データの読み込みを表示するページ分のみとすることでパフォーマンスを向上させる機能です。 データの取得はローカルまたはリモートで実行できますが、今回ご紹介するのはリモートでデータチャンクを取得し、表示する方法です。 igGrid のリモートページングは Infragistics ASP.NET MVC ラッパーを使用する場合は GridDataSourceActionAttribute 属性を付与したアクションメソッドを作成し、 ActionResult として IQueryable タイプのデータを返すだけで自動的にページング処理が行われます。 ここでは、そのような ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on December 1, 2016
  • XamDataGrid セルに任意のコントロールを埋め込む(テンプレートフィールド)

    グリッドでの編集機能を考えたときに、エンドユーザーがどの項目を編集対象で、どの項目は表示対象であるかを表現することは操作感の向上につながります。ここでは XamDataGrid のテンプレートフィールドを利用して、エンドユーザーが見た目でどの項目を編集できるのかを表現してみます。   テンプレートフィールドを使わない場合 どの項目を編集できるかはマウス操作やキーボード操作が発生するまで見分けがつきません。   テンプレートフィールドを使った場合 「商品名」、「在庫」、「発注数」列が編集できることが所見で分かるようになりました。   ではここからテンプレートフィールドの実装を行っていきます。   テンプレートフィールドの定義 ...
    Posted to Yuki Mita (Weblog) by ymita on December 1, 2016
  • XamComboEditorにIMEを設定する(その2 コードビハインドでイベントを使う)

    今回は、XamComboEditorのイベントを使って、コードビハインドでIMEを設定する方法をご紹介します。   WPF固有のXamComboEditorも共有XAMLのXamComboEditorも、IMEを設定するにはテキスト編集用で使用しているコントロールに対して設定する必要がある、という点で共通しています。 しかし、使用されているコントロールの種類と生成されるタイミングが違います。 WPF固有のXamComboEditorは、標準のTextBoxを使用し、生成されるタイミングはXamComboEditorが編集モードに入った段階です。 共有XAMLのXamComboEditorは、TextBoxを拡張したSpecializedTextBoxを使用し、生成されるタ ...
    Posted to Noriko Ishibashi (Weblog) by NIshibashi@infragistics.com on December 1, 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
  • XamComboEditorでIMEを設定する

    よく、 「XamComboEditorに対してIMEの設定をしてみましたが設定できません。どうしたらいいでしょうか?」 といったご質問をいただきます。 今回は、XamComboEditorでStyleを使ってIMEを制御する方法をご紹介します。   XamComboEditorはWPF固有と共有XAMLと2種類ありますが、どちらもテキスト入力用に別途コントロールを使用しています。IMEの設定はこの入力用コントロールに対して行う必要があります。   WPF固有のXamComboEditor(名前空間 InfragisticsWPF4.Editors)の場合 ...
    Posted to Noriko Ishibashi (Weblog) by NIshibashi@infragistics.com on December 1, 2016
  • XamDataGrid エクセルライクなセルの直接編集(IME 入力)

    XamDataGrid ではエクセルライクなセルの直接編集(IME 入力)をサポートしています。 FieldSettings 配下の IsAutoEditModeEnabled プロパティを True にすることでこの機能が有効になります。XamDataGrid ではデフォルトの動作として、セルクリック時に編集状態に入るようになっています。セルの直接編集ではクリック時にセルを選択するよう振る舞ってほしいので、CellClickAction プロパティに SelectCell を設定します。 XAML での実装   <igDP:XamDataGrid DataSource=''{Binding Tasks}''> ... ...
    Posted to Yuki Mita (Weblog) by ymita on November 30, 2016
  • XamDataGrid レコードのドラッグアンドドロップ

    XamDataGrid レコードのドラッグアンドドロップを実装してみましょう。XamDataGrid 単体ではドラッグアンドドロップの機能ありませんが、 Infragistics WPF に含まれる Infragistics Drag and Drop Framework を組み合わせることで実現することができます。 XamDataGrid のレコードは DataRecordPresenter として描画されており、ドラッグアンドドロップ機能を DataRecordPresenter に割り当てていきます。 Snoop を使って XamDataGrid を覗いてみます。DataRecordPresenter はここです。 実装の手順 ...
    Posted to Yuki Mita (Weblog) by ymita on November 28, 2016
  • サービスリリースのお知らせ 2016年 9月 - Infragistics Windows Forms

    インフラジスティックス・ジャパンでは 2016 年 10 月 3 日付で下記製品のサービスリリースを提供開始致しました。 Windows Form9 Infragistics Windows Forms 2016 Volume 1 Service Release (Build 2088) Infragistics Windows Forms 2015 Volume 2 Service Release (Build 2118)Infragistcs Windows Forms 修正一覧16.1Infragistcs Windows Forms ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on October 2, 2016
  • WebDataGrid で複数列のドロップダウンを作成する

      以前のブログにて WebDataGrid でカスケードのドロップダウン列を作成する方法をご紹介しました。今回は、一つの列のドロップダウンで複数列を持つリストを表示させる方法をご紹介します。 下の図は完成後の WebDataGrid です。DropDownCol 列のドロップダウンに WebDataGrid を表示することにより、複数列表示を行っています。このサンプルではドロップダウン内のグリッドで選択された行のうち、 col2 列の値がドロップダウンの選択値( = WebDataGrid のセルの値)となります。     コーディングを始めます。 まずは aspx 上での WebDataGrid ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on September 27, 2016
  • [無料 UI セミナー] 10 周年記念セミナー Infragistics Day 2016 Fall

    インフラジスティックス・ジャパン株式会社は 2006 年の日本法人設立から日本における開発生産性の向上に向けて様々な製品、サービス、サポートを提供して参りました。 今回弊社の 10 年の歩みを振り返るとともに次の 10 年に向けた弊社のビジョン、製品ロードマップをお伝えさせていただくセミナーを企画いたしました。デスクトップ、Web に加えモバイルと様々なプラットフォームへの対応、開発スピードの向上など開発組織が直面する課題をぜひ解決させていただければと考えております。 セミナー概要 Infragistics Day 2016 Fall インフラジスティックス・ジャパン株式会社 10 周年記念セミナー 日時: 2016 年 10 月 12 日 (水) 13:15 - ...
    Posted to JP Marketing (Weblog) by Daizen Ikehara on September 23, 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
  • WebDataGrid 新規追加行に EditorProvider を利用する

    WebDataGrid ではセル編集時にデフォルトで提供されるエディタ以外に EditorProvider という高機能エディタを提供しています。 過去にいくつかの記事で EditorProvider の利用方法をご紹介しておりました。今回は、新規追加行に DropDownProvider という EditorProvider を利用し、行の初期値を規定値の中から選択できるようにします。   EditorProvider の準備 EditorProvider は WebDataGrid 配下の EditorProviders コレクションに追加します。EditorProvider の定義方法は下記ブログ記事が参考になります。 WebDataGrid ...
    Posted to Yuki Mita (Weblog) by ymita on September 1, 2016
1 2 3 4 5 Next > ... Last »
Powered by Community Server (Commercial Edition), by Telligent Systems