Browse by Tags

All Tags » Ignite UI
Showing page 1 of 3 (65 total posts)
  • サービスリリースのお知らせ 2017年3月 - Infragistics Ignite UI

    インフラジスティックス・ジャパンでは 2017 年 4 月 3 日付で下記製品のサービスリリースを提供開始致しました。Ignite UI Ignite UI 2016 Volume 2 Service Release (Build 2114)Ignite UI 2016 Volume 1 Service Release (Build 2270)Infragistics Ignite UI 修正一覧16.2 Infragistics Ignite ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on March 30, 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
  • [16.2] Infragistics Ultimate 16.2 新機能情報まとめ [What’s New]

    このエントリは 2016 年 10 月にリリースされた Infragistics Ultimate 2016 Vol.2 の新機能についてのまとめです。それぞれのプラットフォームの新機能をまとめています。 Infragistics Ultimate とは? Web、モバイル、デスクトップの様々なプラットフォームやテクノロジーでの画面開発を強力にサポートする統合開発 UI コンポーネント スイートです。Angular や React、jQuery、ASP.NET MVC などのフレームワークに対応した JavaScript コンポーネントや、Android や iOS といったネイティブのモバイル アプリケーションを構築するための Xamarin.Forms ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on January 27, 2017
  • サービスリリースのお知らせ 2016年12月 - Infragistics Ignite UI

    インフラジスティックス・ジャパンでは 2016 年 12 月 20 日付で下記製品のサービスリリースを提供開始致しました。Ignite UI  Ignite UI 2016 Volume 2 Service Release (Build 2040) Ignite UI 2016 Volume 1 Service Release (Build 2200) Infragistics Ignite UI 修正一覧16.2 Infragistics Ignite ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on December 19, 2016
  • igGrid でカスタムのリモートページングを実装する(Web API を使用)

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

    igDataChart の積層型シリーズを用いたグラフを作成します。ここでは DataChartModel を利用して、Controller 側で igDataChart を生成していきます。 DataChartModel で生成したオブジェクトは、クライアントに JavaScript として返されます。このため JavaScript の代わりに C# や VB.NET を利用して実装することができます。   データモデル public class CarData { public int Year { get; set; } public int BMW { get; set; } public int Audi { get; ...
    Posted to Yuki Mita (Weblog) by ymita on November 10, 2016
  • [16.2] Ignite UI 2016 Vol.2 の新機能

    Ignite UI 2016 Vol.2 がリリースされました!! 今回のリリースでは日本のお客様の声から実装された データグリッドでの複数行レイアウト インライン編集のサポートを含む機能拡張、チャートの機能拡張、オープンソース化など非常に多岐に渡る拡張を行いました。 オープンソース化とAngular 2、React への対応 データ グリッドの機能向上 新チャートの追加と機能向上 ASP.NET Core サポート その他の新機能 オープンソース化と Angular 2、React への対応 JavaScript は長い間、「Web ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on November 2, 2016
  • サービスリリースのお知らせ 2016年9月 - Infragistics Ignite UI

    インフラジスティックス・ジャパンでは 2016 年 10 月 3 日付で下記製品のサービスリリースを提供開始致しました。Ignite UI  Infragistics Ignite UI 2016 Volume 1 Service Release (Build 2145) Infragistics Ignite UI 2015 Volume 2 Service Release (Build 2323) Infragistics Ignite UI 修正一覧16.1 Infragistics Ignite ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on October 2, 2016
  • igGrid 編集内容をデータベースに更新する

    igGrid 上で編集を行い、編集内容をデータベースに更新するサンプルのご紹介です。Entity Framework と連携することで SQL 文を明示的に記述する必要なく、データベースへのコミットまでを行います。今回紹介するコードを反映したサンプルはこちらからダウンロードできますので、サンプルと比較しながら記事をご覧下さい。 ポイントは2点で、UpdateUrl オプションの指定と saveChanges メソッドの呼び出しです。   データについて データの生成は CodeFirst で行います。データのモデルは Customer.cs、コンテキストは DataContext.cs、イニシャライザは DataInitializer.cs ...
    Posted to Yuki Mita (Weblog) by ymita on August 29, 2016
  • Excelワークシートのコピー

    今回も Infragistics Ignite UI の Excel ライブラリに関するご紹介です。 このライブラリをご利用いただきますと、既存の Excel ファイルのデータを javascript のインスタンスとして取り込み、プログラムからデータの変更を行って新たなワークブックを作成いただくことができます。 今回ご紹介するのは、ワークシートの内容を別のワークシートへコピーする方法です。 例えばテンプレートとなるワークシートがあって、それを複数のシートに複製してそれぞれに別のデータを書き込みたい場合などにご利用いただけるのではないかと思います。 ワークシートのクラスである ig.excel.Worksheet ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on August 25, 2016
  • Ignite UI components for Angular 2 を見てみよう

    - 2016/08/17(水)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロールIgnite UI が Angular 2 に対応した Ignite UI components をご紹介したいと思います。 Ignite UI components for Angular 2 は、Angular 2 beta 版からサポートを開始し、現時点では RC4 に対応しています。 Angular 2 については、つい先日8/10(水) にRC5がリリースされましたので、Ignite UI components もそのうちアップデートがあるのではないかと期待しています。 ソースコードは ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 17, 2016
  • igGrid Date 値のフォーマット

    igGrid に日付データを表示する際、標準では yyyy/MM/dd で表示されます。今回は時刻(時分)までを表示するように設定してみましょう。利用するオプションは、列(column)に用意されている format オプションです。   データの形式 データは下記の形式で用意されています。RegisterDate は年月日時分を指定して値を初期化しています。 { ''EmployeeID'': ''56250fa57ab1535722e564a6'', ...省略... ''RegistererDate'': new Date(2015, 07, 25, 12, 15), ...省略... } ...
    Posted to Yuki Mita (Weblog) by ymita on August 16, 2016
  • クライアントサイドで Excel ファイルを操作する

    今回ご紹介する Infragistics Ignite UI の Excel ライブラリは、javascript を使用してクライアントサイドのみで Excel ファイルの作成や保存を行う機能を持っています。 簡単な Excel テンプレートの作成や保存、読み込みと編集の例を通して、ライブラリの実力をご覧ください。   それでは、まずは Excel を新規で作成してみましょう。 以下の一文は新しい workbook インスタンスを生成します。   //workbookインスタンスを2007(.xlsx)ファイル形式で生成する var newWorkbook = new $.ig.excel.Workbook( ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on August 16, 2016
  • TypeScriptをブラウザ上で手軽に試す

    - 2016/08/11(木)時点の情報に基づいています - こんにちは。デベロッパーサポートの桐生です。 今回、TypeScript をブラウザ上で手軽に試すための方法をご紹介したいと思います。 Angular2 では TypeScript が使われており(必ずしも TypeScript を使わなければいけないわけではありませんが)、今後Angular2が正式リリースされた暁には TypeScript の需要がい一気に高まるのではないでしょうか。 ※弊社のjQuery/HTMl5用コントロールIgnite UIでも、TypeScriptへの対応を行っており、またAngular2 ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 10, 2016
  • igGrid 新規追加行の初期値(デフォルト値)を指定しよう

    igGrid には新規追加行の機能を提供しており、新たな行追加を簡易に行うことができます。この機能を使う際に、特定のセルに初期値(デフォルト値)を指定したい場面があります。 このような場合には、編集機能の持つ defaultValue オプションを利用することができます。   defaultValue オプションの指定: Updating > columnSettings から列単位で指定します。 $(''#grid'').igGrid({ ...省略... features:[{ name: ''Updating'', columnSettings: [ ...省略... ...
    Posted to Yuki Mita (Weblog) by ymita on August 9, 2016
  • igDataChart に Canvas 要素を追加する

    Ignite UI の igDataChart で時折見られるご要望に、図形やテキストなどの視覚要素を追加したいというものがあります。そこで、今回はチャートエリアにカスタムの HTML Canvas を追加する方法をご紹介します。 今回サンプルに使用するチャートは折れ線グラフです。シリーズの最大値と最小値となる地点に横線を引いてラベルを付けてみたいと思います。 目指すチャートはこちらです。   赤線の Max ラインと青線の Min ライン、およびそのラベルがカスタムで追加した Canvas 要素です。 それでは、コーディングです。 まず、 Canvas ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on August 9, 2016
  • igGrid 列のスタイリング

    igGrid の列をスタイリングしてみましょう。 セルは columnCssClass オプション、ヘッダは headerCssClass オプションを利用してそれぞれスタイリングを行うことができます。 igGrid では通常セルやヘッダのテキストを左寄せで表示するようになっています。今回は columnCssClass と headerCssClass を利用してテキストのアラインメントを指定します。 ヘッダ・・・すべての列で中央寄せ セル・・・数値列は右寄せ、テキスト列は左寄せ   スタイル: <style> /*ヘッダのスタイル*/ .headerStyle { text-align: ...
    Posted to Yuki Mita (Weblog) by ymita on August 3, 2016
  • igGrid 動的にセル編集可/不可を制御する

    - 2016/08/03(水)時点の情報に基づいています -   こんにちは。デベロッパーサポートの桐生です。 弊社のjQuery/HTMl5用コントロールIgnite UIのグリッド igGridの更新機能をお使いで、動的にセルの編集可/不可を制御したい、というお問い合わせがよくありますので、 その方法をご紹介したいと思います。   基本:イベントキャンセルによるセル編集制御 Ignite UI の各コントロールには、大抵の場合において「XXX」の処理をする際の ・前イベントとして「XXXing」イベント ・後イベントとして「XXXed」イベント が用意されています。 「XXXing」イベントハンドラ内では false ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 2, 2016
  • igGridExcelExporterのエクスポートをカスタマイズする

    Infragistics Ignite UI では、v15.2よりクライアントサイド API を使用してグリッドコントロールを Excel ファイルへ自動でエクスポートする igGridExcelExporter が正式にサポートされております。最新バージョンであるV16.1現在、igGridExcelExporter にてエクスポートが可能なコントロールは igGrid、 igHierarchicalGrid、 igTreeGrid ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on July 28, 2016
  • igGrid - ツールチップのカスタマイズ

    igGrid のツールチップをカスタマイズしてみます。 例えば、igGrid のデフォルト状態では日付のデータは下記のように date オブジェクトがそのまま表示されます。ツールチップをカスタマイズして、セルと同じ形式で日付のデータを表示してみましょう。   ツールチップのカスタマイズは、ツールチップ表示タイミングで発生する tooltipShowing イベント内でコンテンツを書き換えることで実現できます。ここでは日付データを yyyy/MM/dd の形式に変換しています。 $(''#grid'').igGrid({ ... features: [ { name: ''Tooltips'', ...
    Posted to Yuki Mita (Weblog) by ymita on July 28, 2016
  • Ignite UI のカスタムビルドを使用してパフォーマンス改善を図る

    - 2016/07/21(水)時点の情報に基づいています -   Ignite UI のJSファイルのロードに時間がかかってパフォーマンスが遅い場合は・・・ Ignite UI の機能を使用するためには https://jp.igniteui.com/getting-started infragistics.core.js    410KB   // 基本ロジックおよびデータ ソース コンポーネント infragistics.dv.js      3.28 MB // チャートおよびマップ コントロール ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on July 21, 2016
  • igDataChart - 条件によるスタイリングの変更

    棒グラフに表示されているデータのうち、特定の条件にあるデータポイントの色を変えてみます。 ここでは売上データのうち、売上が一定値を下回るデータポイントに赤色を配色することで、 初見でも注目すべきデータが強調されます。 手順 1.assigningCategoryStyle イベント発生の有効化 assigningCategoryStyle イベント内でスタイリングのロジックを実装しますが、デフォルトでは assigningCategoryStyle イベントは発生しないようになっています。isCustomCategoryStyleAllowed オプションに true を設定してこのイベントが発生するようにします。 series: [ { ...
    Posted to Yuki Mita (Weblog) by ymita on July 11, 2016
  • サービスリリースのお知らせ 2016年6月 - Infragistics Ignite UI

    インフラジスティックス・ジャパンでは 2016 年 6 月 28 日付で下記製品のサービスリリースを提供開始致しました。Ignite UI  Infragistics Ignite UI 2016 Volume 1 Service Release (Build 2052) Infragistics Ignite UI 2015 Volume 2 Service Release (Build 2235) Infragistics Ignite UI 修正一覧16.1 Infragistics Ignite ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on June 28, 2016
  • サービスリリースのお知らせ 2016年3月 - Infragistics Ignite UI

    インフラジスティックス・ジャパンでは 2016 年 3 月 28 日付で下記製品のサービスリリースを提供開始致しました。Ignite UI  Infragistics Ignite UI 2015 Volume 2 Service Release (Build 2174) Infragistics Ignite UI 2015 Volume 1 Service Release (Build 2410) Infragistics Ignite UI 修正一覧15.2 Infragistics Ignite ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on March 27, 2016
1 2 3 Next >
Powered by Community Server (Commercial Edition), by Telligent Systems