[B! Ext] nikuyoshiのブックマーク

アプリケーションでExt.Loaderを使う

この記事は、 Senchaの英文ブログ記事、 Using Ext Loader for Your Application の邦訳です。文中の図はSenchaのサイトから引っ張ってきてますから、画像がリンク切れになってたら、英語の原文のページがなくなっている可能性があります。 Ext JS4 の新機能クラスローダーシステムは、新しい依存関係システムを利用できるようにします。これら二つのパワフルな新機能により、ブラウザが必要なコードだけをダウンロードする、拡張性の高いアプリケーションを作成できるようになります。今日は、この新しいクラスローダのシステムを使った小さなアプリケーションを作成してお見せし、依存関係の管理システムの実習をします。その道中でExt.Loaderシステムのさまざまな設定オプションを説明します。始める前に、未来に早送りして結果を覗きみてみましょう。そうすることで、

nikuyoshi 2014/12/04

リンク

Ext JS - Sencha Docs

nikuyoshi 2014/12/02

リンク

IBM Developer

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.

nikuyoshi 2014/12/01

リンク

リッチなＷｅｂインターフェイスSencha ExtJS4 入門 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.

株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 Category Amazon Web Service (13) Aurasma (0) ExtJS (12) Facebook Aplication (0) Google API (5) JavaScript (1) jQuery (9) Monaca (6) Sencha Touch2 (10) Smartphone (0) ThreeJS (12) Tag EC2 firefox JavaScript Monac

nikuyoshi 2014/10/02

Ext
JS

リンク

StoreとProxyの蜜月な関係について - Qiita

この記事は、 Sencha Advent Calendar 2012 の12日目の記事です。 @kawanoshinobu さんが怖い人らしいので逆らわないようにしたいと思います。脅されてないです。がんばります。ブログっぽいものデビューになります。よろしくおねがいしますm(_ _)m はじめに Ext JSを3.xから利用していますが、思い返せばExtでオブジェクト(クラス)指向を学んできたような気がします。 Ext JS(とSencha Touch)はそのリッチなUIに目を奪われがちですが、裏ではいろいろなデザインパターンが詰まっています。 Observer Composite Proxy Singleton などなど。この中で、グリッドやツリーなどのデータセットの集まりを表示するUIで利用されている、Store(Proxy)の仕組みをおさらいしたいと思います。 Proxyパターンの

nikuyoshi 2013/04/17

リンク

PropertyGrid column width for Name and Value

nikuyoshi 2013/03/02

Ext
JS

リンク

築城ソフト研究所のサイト

nikuyoshi 2013/03/01

Ext
JS

リンク

DataDrop – Drag Grid Data in From a Spreadsheet | VinylFox

I was stewing about an example that Andrea Giammarchi came up with, it was so cool - very cool - but totally useless in the form it was in (from a UX standpoint). It was a proof of concept, so I wasn't expecting it to be useful right away, in fact all I was expecting is that it give me an idea - and it did. The Concept If we could drag our tabular data into grids from other programs we could circu

nikuyoshi 2013/03/01

リンク

extjs4spreadsheet.com - このウェブサイトは販売用です！ - extjs4spreadsheet リソースおよび情報

nikuyoshi 2013/03/01

Ext
JS

リンク

ExtJs - Copy GridPanel content to Clipboard - Rahul Singla

ExtJs – Copy GridPanel content to Clipboard by Rahul Singla | Mar 20, 2010 | AS 3, Blog, ExtJs, Flash, Javascript | 12 comments Continuing on my previous two blog posts regarding copying content to clipboard in javascript, and embedding a Flash movie in ExtJs toolbar, I present here an approach to copy content in an ExtJs GridPanel to system clipboard in various formats. The attached code allows y

nikuyoshi 2013/03/01

Ext
JS

リンク

Ext Core 3.0マニュアル日本語訳 - Ext JS Forums

nikuyoshi 2013/02/28

Ext
JS

リンク

http://docs.sencha.com/ext-js/3-4/source/PropertyGrid.html

nikuyoshi 2013/02/27

リンク

Ext Core 3.0マニュアル日本語訳 - Ext JS Forums

nikuyoshi 2013/02/27

Ext
JS

リンク

Webコピペ屋::ExtJS入門その１３『Ext.grid.GridPanel』

前回と前々回において「Ext.data.Store」でデータを取得してExtJS内で使用できるところまで、を見てきました。で、自然な流れとして次は表示となるわけですが、表示手法のひとつとして人気の高いUIグリッドパネルを見ていきましょう。 IBMでExt JS 入門者の最初の壁という記事があるぐらいですから難しいのは確かでしょう。なのでまたいつものごとく泥臭くひとつずつ確認していきたいと思います。データ（ストア）は取得し変数MyDataStoreに格納されload()されているものとします。データとしては前回、前々回で使ったものと同じデータです。グリッド表示は「Ext.grid.GridPanel」を使います。必須コンフィグオプションは「store」と「colModel」ですのでとりあえず最低ラインから色々付け足したり、置き換えたりしていってみましょう。 [デモ

nikuyoshi 2013/02/15

ext

リンク

ext-docでSencha Touchのドキュメントを作ってみる - ITコンサルの日常

ext-docとは Ext JS/Sencha Touchのソースに特定の形式で書いてあるコメントから、 HTMLのドキュメントを作成するツールです。 ext-docのインストール ext-doc - Project Hosting on Google Code から最新版をダウンロードできます。が、ここで公開されているLatest Buildは、Sencha Touchのソースに対しては動きません。。ので、Subversionから最新版のソースを取得し、自力でビルドする必要があります。といっても難しいことはなく、Javaの開発環境(1.6以上)と Subversionクライアントがインストールされていれば、 1. svn checkout http://ext-doc.googlecode.com/svn/branches/1.0/ ext-doc-read-only 2. cd

nikuyoshi 2012/10/10

ext
extjs

リンク

Ext JSでコンポーネント開発する時のコツ | Ext Japan Blog

この記事は8/27に掲載された「Tips and Tricks for Ext JS Component Developers」を訳したものです Ext JSには高度なアプリケーションを構築するために必要な全ての部品（コンポーネント）が予め組み込まれています。それでも時には、カスタマイズしたコンポーネントを自分自身で書く必要に迫られることもあり得ます。幸いなことに、Senchaコミュニティには、開発者がすぐ利用できる有償・無償の各種コンポーネントからなるエコシステムが存在しています。今回の記事では、このようなコンポーネントを開発するうえで、機能性や利用性を高めるためのコツを幾つか紹介していきます。メソッド呼び出しのバッファリング Ext JSでは、一度に大量のイベントが発生した際にも処理が滞ることがないように、イベントハンドラー関数へのイベントの受け渡しをバッファーしておくことができます

nikuyoshi 2012/10/10

リンク

Ext クラスオブジェクト：Ext JS勉強会（9月）

お疲れ様です、小堤です。さて、プログラムコードっぽいことをあんまり書いてなかったら、リアルにあった人たちに結構つっこまれるという現象が起き始めているので(笑)ちょっと今日やったことをおさらい。 Ext.mean Ext.each Ext.iterate Ext.invoke Ext.paratition Ext.pluck Ext.flatten Ext.zip これらのメソッドについての解説を行わせていただきました。それぞれの昨日は非常に地味なんですが、実開発で覚えておくと非常に有効です。ちなみにExt 3.0で追加されたものが多いです。 Ext.mean 配列値の平均値を取得するためのメソッドです。 var avg = Ext.mean([ 1,5,8,12,3 ]); 引数には配列を指定します。戻り値は数値で平均値が返され、上記の例では「5.8」という値が取得できます。 Ext.e

nikuyoshi 2012/10/10

リンク

Ext.getとExt.getCmp - zorioの日記

Ext.getだとExt.Elementが返ってきて、Ext.getCmpだとExt.Componentが返って来る。何が違うのかというと、簡潔に言えばレイヤーが違う。分かりやすくなるのかどうか分からないが、具体例を挙げる。この前書いたCardLayoutのサンプルの一部。 //PanelはExt.getCmpで取る var card = Ext.getCmp('panel-parent').getLayout(); //ButtonはExt.getで取る Ext.get('button-1').on('click', function(){card.setActiveIt em('panel-1')}); Ext.get('button-2').on('click', function(){card.setActiveIt em('panel-2')}); Ext.get('butto

nikuyoshi 2012/10/10

ext
extjs

リンク

layoutの中のitem間にスペースを作る(ExtJS - Ext.spacer)

地味に便利だと思いました。例えばanchor layoutで縦に要素をただならべると、こんな感じに要素同士は隣あっています。ちょっと間空けたい時とかスタイルの設定すんのかなー、でもそれめんどすぎと思ったらちゃんとありました。 Ext.Spacer。xtypeはspacerです。これをit em1とit em2の間に追加するとこんな感じに間隔を空けられます。 javascriptのソース Ext.onReady(function(){ var panal = new Ext.Panel({ title: 'anchor layout', autoHeight: true, width: 300, bodyStyle: 'padding: 15px', renderTo: 'panel', layout: 'anchor', it ems: [{ title: 'it em1', anchor: