The fastest JS Gantt chart Bryntum Gantt is a super fast and fully customizable Gantt chart suite for your JavaScript, React, Angular, and Vue applications.
![Bryntum Gantt - The Fastest JavaScript Gantt Chart](https://cdn-ak-scissors.b.st-hatena.com/image/square/522a6d88619444b9ce8b75a703033317fd6118e1/height=288;version=1;width=512/https%3A%2F%2Fbryntum.com%2Fwp-content%2Fuploads%2F2022%2F05%2FGantt.png)
本稿は、Sencha公式ドキュメントの Unit Testing with Jasmine の翻訳です。 I. 導入 このチュートリアルでは既存のExtアプリケーションを取り上げ、ユニットテストするJasmineアサーションライブラリを紹介します。 読者はJavaScript, Ext JS 4, MVCアーキテクチャ及びHTML, CSSの基本及びリソースの使い方について精通している人が対象です。 なぜテストするのか? アプリケーションをテストするには多くの理由があります。 テストはすべてのユースケースを手動で消し込んでゆくことなくアプリケーションの機能性を検証できます。 さらに、アプリケーションがリファクタリングやアップデートされる時に、 テストはそれらの変更がシステムに当たらしバグを呼び込まないように検証することが出来ます。 II. はじめに このチュートリアルではExtJSにバンド
本資料は、2011年12月18日に開催された株式会社ゼノフィ社内勉強会資料です。 アジェンダ Class Styles Ext JSにおけるアプリケーションパターン Ext.app.Controller/Ext.Application サンプルアプリケーションレイアウト 各コントローラー作成 コントローラーからビューへのアクセス Class Styles Ext JS 3までの実装は、Ext.extendを利用してコンポーネントクラスを継承し、initComponentで必要な初期化を行いアプリケーションを実装。 コンポーネントを一つのクラスとして実装する手法は非常に有効であるが、見た目(View)と実装(Model/Controller)が混在するクラスが作成されてきた。 Ext JS 3 Style Class <span style="color: #990000;">// defi
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
エレメントをドラッグ可能にするために、Ext.dd.DDを使用してドラッグ可能なエレメント作成します。 new Ext.dd.DD('dragbox'); 動作サンプル たった1行でドラッグが可能なエレメントを作成することができました。 フレーム付きのドラッグ 次に、先ほどのドラッグ可能なエレメントは、ドラッグした瞬間にDIVタグが移動しましたが、 今回は、マウスが放されるまで、フレームを表示して、マウスが放されてから移動するドラッグ可能なエレメントを作成します。 var el = Ext.get('dragbox2'); el.initDDProxy(); Ext.getにて、HTMLエレメントオブジェクトを取得して、initDDProxyを呼び出すだけです。 動作サンプル ドラッグゾーンとドロップターゲット さて、ここまでで簡単にドラッグアンドドロップのエレメントを実装することができま
2. ⽬次 外部ライブラリをComponent化する意義 p 取りこむ⼿法 ◦ 継承 ◦ プラグイン 継承のスタイル ◦ Component ◦ ⾮Component 親クラスを選ぶ ◦ Ext.Component ◦ Ext BoxComponent Ext.BoxComponent ◦ Ext.Container 外部ライブラリの取り込み例 ◦ Mac OS-Style Dock l k ◦ flot さらなる拡張にむけて 3. そもそもExt Componentとは… そもそもExt Componentとは… そもそもExt.Componentとは Ext.Componentとは 「Ext 2.0 - API ドキュメント & チュートリアル」⽇本語版 (http://docs.ext-japan.org/docs/)によれば… (h //d /d /)によれば ◦ 全てのExtコン
第三回ExtJS勉強会の資料です。 えー、プロジェクタで映したとき用のURLです。 http://code.xenophy.com/ 今回は、イベント制御について説明します。登場する主な機能は「イベントリスナー」と「イベントディスパッチ」です。 イベント制御は、ExtJSをはじめ、非同期で動作するアプリケーション作成には、いまでは欠かせない存在ではないでしょうか。 イベントリスナー イベントリスナーとは、何かイベントが起きたときに反応し動作するメソッドやファンクションです。 ExtJSでいえば、「パネルのレンダリングが終わった。」「ツリーノードのドラッグが開始されたなどです。」 イベントリスナーの登録は、登録したいオブジェクトのaddListenerを利用して登録を行います。または、登録したいオブジェクトを生成するときに、コンフィグオプションでlistenersで登録することも可能です。
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く