Browse by Tags

All Tags » JavaScript
Showing page 1 of 2 (35 total posts)
  • 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
  • igGrid でカスタムのリモートページングを実装する(Web API を使用)

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

    原文 - Understanding scopes in AngularJS custom Directives このブログでは、AngularJS カスタムディレクティブのスコープの種類について学びます。はじめにディレクティブの概要、そしてスコープについてご紹介します。 ディレクティブ 最も重要なコンポーネントの 1 つです。 既存の要素に特別な意味を与えます。 新しい要素を作成します。 DOM の操作します。 ng-app、ng-controller, そして ng-repeat 以外にも以下の AngularJS に含まれる多くのビルトイン ディレクティブがあります。 ng-maxlength ng-minlength ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on October 18, 2016
  • WebDataGrid で複数列のドロップダウンを作成する

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

    原文 - A Step-by-Step Guide to Working with the ASP.NET Web API and AngularJS このブログでは、AngularJS と ASP.NET Web API を使用する方法を手順に従ってご説明します。ここでは AngularJS および Web API の基礎知識が必要となります。以下を使用してハンズオン形式でデータベースからデータをフェッチし、AngularJS アプリケーションに表示します。 SQL Server のデータベース Entity Framework データベース - ファーストアプローチのデータ モデル ASP.NET の Web API アプリケーションに Web ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 30, 2016
  • AngularJS でルーティング(Routing) を簡単に行う方法

    原文 - Simplifying Routing in AngularJS 通常、AngularJS は複数のビューを持つシングル ページ アプリケーションの作成に使用されます。ただし、ルーティングを使用し AngularJS ベースのシングル ページ アプリケーションに複数のビューを作成することもできます。このブログではその方法を説明していきます。 ルーティングについて ルーティングは、アプリケーションを非同期に読み込まれる複数の論理ビューに分割できます。シングルページの製品アプリケーションを見てみましょう。以下のようにこの製品で実行するさまざまなタスクを個々の論理のビューに分けることができます。 製品を追加するビュー 製品を削除するビュー ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 28, 2016
  • AngularJS アプリケーションに依存性 (Dependency) を注入 (Injection) するさまざまな方法

    原文 - Different ways of injecting dependency in an AngularJS Application AngularJS の特徴について読まれた方は、依存性の注入 (Dependency Injection, DI) という用語をご存じだと思います。これはアプリケーションに必要となる依存関係が AngularJS に注入されるという前提によるものです。開発者としての仕事はモジュールに依存を渡すことだけです。その他すべては AngularJS が処理します。 コントローラーを作成するにはモジュールのコントローラー機能に $scope オブジェクトおよび他の依存を渡します。たとえば、ProductController の作成には $scope ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 24, 2016
  • Angular JS フォームでユーザー入力を検証

    原文 - Validating User Input on a Form in Angular JS AngularJS のシングルページアプリケーションでのユーザー入力の検証はエントリ レベルの開発者には少々難しいかもしれません。そこで、このブログでは AngularJS の検証について簡単にご説明します! 以下の例を見てみましょう。以下の制限がある 3 つのフィールドから構成された登録フォームです。 名前: 必須項目。 メール: 必須項目。メール アドレス。 パスワード: 必須項目。最小 6 文字のパスワード。 上記の条件をクライアント側で検証します。AngularJS ベースのシングル ページ ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 22, 2016
  • Angular の “Controller as” 構文と vm 変数

    原文 - Exploring Angular’s “Controller as” Syntax and the vm Variable 「controller as syntax って何ですか?」あるいは「コントローラーの作成で $scope object アプローチとの違いは何ですか?」といった開発者の質問をよく耳にします。本ブログでは controller as syntax をご紹介し、$scope オブジェクトのコントローラー作成方法と比較していきます。 コントローラー コードの作成をより読みやすくする controller as syntax は AngularJS 1.2 で導入されました。ここでは 2 つの方法を実例で紹介します。 $scope object ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 18, 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
  • クライアントサイドで 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 動的にセル編集可/不可を制御する

    - 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
  • 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
  • AngularJS の provider() とは?

    原文 - What is a Provider () in AngularJS? provider() 関数は、provider() によって作成されたサービスでアプリケーション固有の入力を設定する構成可能なサービスの作成を許可します。たとえば、アプリケーションレベルでサービスにアクセスするための API キーを設定する必要がある場合、キーを module.config に設定し、$provide サービスを使用して入力を provider に渡します。サービスを作成するその他の方法は内部に $provide サービスを使用します。 module.config で $provide サービスを使用したサービスの作成 provider() ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on July 19, 2016
  • AngularJS アプリケーションで Ignite UI チャートを使用する方法

    原文 - How to work with the Ignite UI Chart in an AngularJS application AngularJS アプリケーションで Ignite UI チャートを使用する方法を学びましょう!データベースからデータをプルするために ASP.NET Web API を使用しますが、AngularJS アプリケーションでは REST サービスや Ignite UI チャートのスタックで作成される Web API も使用できます。 このブログは 2 つのセクションで構成されています。 セクション 1 : コード ファースト アプローチで ASP.NET Web API を作成 セクション 2 : AngularJS ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on July 18, 2016
  • ASP.NET MVC の ViewData、ViewBag および TempData

    原文:Dhananjay Kumar » What are ViewData, ViewBag, and TempData in ASP.NET MVC? ASP.NET MVC の ViewData、ViewBag および TempData の使い分けはエントリ レベルの開発者には難しい場合がよくあると思います。インターネット上には、このトピックに関する数多くの記事やブログ投稿がありますが、ここではわかりやすく説明してみようと思います。 ViewData、ViewBag および TempData の 3 つのオブジェクトは、状況によってデータを保持または渡すための ASP.NET MVC のオブジェクトです。以下場合にデータを渡すための要件があります: ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on February 25, 2016
  • ASP.NET Web API で CORS を有効にする

    原文: Dhananjay Kumar » How to Enable CORS in the ASP.NET Web API 以下のエラーを見たことがありますか? “Cross-origin Request Blocked. The same origin policy disallows reading the resource”. このエラーはリソースを共有する際に CORS のサポートがない場合に発生します。これは origin B にある Web アプリケーションで origin A の Web API を利用しようとするときに起こります。このエラーを解決するには CORS を十分に理解する必要があります。 このブログの目的は ASP.NET Web API で ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on January 26, 2016
  • ASP.NET Web API を使用して jQuery igGrid で CRUD 操作を実行する方法

    原文: Dhananjay Kumar - How to perform a CRUD operation on the jQuery igGrid with the ASP.NET Web API このブログでは、ASP.NET Web API を使用して igGrid に CRUD 操作を実行する方法をご紹介します。具体的に、以下の点を取り上げたいと考えています: Entity Framework Database First アプローチを使用した ASP.NET Web API の作成 jQuery アプリケーションの igGrid への CRUD 操作の実行 最終的に City エンティティの CRUD 操作のための Web API を作成し、CRUD 操作を ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on January 12, 2016
  • ASP.NET MVC およびエンティティ フレームワークで AngularJS を使用する方法

    原文: Dhananjay Kumar - How to use AngularJS in ASP.NET MVC and Entity Framework 最近、AngularJS と ASP.NET MVC がとても人気のようです。このブログではそれぞれの長所を生かしながら ASP.NET MVC で AngularJS を使用する方法をご説明します。また、最初のアプローチとしてエンティティ フレームワーク データベースでデータへアクセスする方法をご説明します。更に AngularJS でデータへアクセスし、コントローラーでビューへ渡す方法もご紹介します。このブログは以下のテーマに基づいて進めます: ASP.NET MVC に AngularJS ライブラリを追加 ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on November 24, 2015
  • AngularJS を使用してコントローラー間でデータを共有する方法

    原文: Dhananjay Kumar - How to share data between controllers in AngularJS 私の AngularJS 講義でよく聞かれる質問は「AngularJS ではどのようにコントローラー間でデータを共有できますか?」というものです。インターネット上で数多くの答えが見つかりますが、私が推奨する方法は本ブログで説明する Shared Data Service メソッドです。 はじめにコントローラー間で Product オブジェクトを共有するとしましょう。以下のコード スニペットは SharedDataService という AngularJS サービスを示します。 ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on November 17, 2015
  • jQuery DatePicker コントロールのテーマ (Theming) とカスタマイズ化

    原文: Mihail Mateev » Theming and Customization jQuery Date Picker Control igDatePicker は、入力フィールドとドロップダウン カレンダーの統合や特定の日付の書式設定などが可能です。igDatePicker コントロールは、ブラウザーから公開されるさまざまな地域オプションを認識することによるローカライズ サポート、また検証もサポートされます。 igDatePicker コントロール は igDateEditor コントロールの機能を拡張したもので、jQuery UI Datepicker スクリプトを (jquery.ui.datepicker.js) ページに含める必要があります。 Ignite UI ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on September 1, 2015
  • Ignite UI ドーナツ チャート (Doughnut Chart) コントロールのカスタマイズ

    原文: Mihail Mateev - How to Customize Ignite UI Doughnut Chart Control igDoughnutChart は円チャートに似たデータを表示し、共通の中心部の周りに複数のデータ セットを表示できます。Ignite UI ドーナツ チャートは、複数のリングを同時に表示し、別のコレクションにバインドできます。このチャートは通常カテゴリ ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on July 14, 2015
  • Ignite UI ブレット グラフ コントロールのカスタマイズ

    原文: Mihail Mateev - How to Customize Ignite UI Bullet Graph Control Ignite UI ブレット グラフ (igBulletGraph) コントロールは、ブレット グラフでデータを視覚化する Ignite UI コンポーネントです。このコントロールはリニア デザインで、他の複数の目盛りとの比較が可能な主目盛りをシンプルに表示できます。このコントロールはリニアゲージと同様ですが、現在値のほか、目標値や目盛りが表示できます。通常水平棒および垂直線として表現される 2 つの値を比較するために使用されます。ブレット ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on June 29, 2015
1 2 Next >
Powered by Community Server (Commercial Edition), by Telligent Systems