タグ

extjsに関するtarchanのブックマーク (9)

  • Sencha Touch 2を使用したアプリケーション入門

    Sencha Touch 2.0 のRCが公開されています。 そのドキュメントのガイドにある Intro to Applications with Sencha Touch 2 を翻訳しました。 Sencha Touch 2は、複数のプラットフォームで動作するアプリケーションを構築することに最適化されています。 できる限り簡単にアプリケーションを構築するために、 シンプルですがパワフルなMVC(モデル、ビュー、コントローラー)パターンを実現するアプリケーションアーキテクチャーを提供します。 このアプローチはコードをクリーンでテスト可能で保守しやすく保ち、アプリケーションを書く上でのいくつかの恩恵を提供します。 履歴のサポート: アプリケーション内で戻るボタンをサポートし、アプリケーションのどのバートにもリンクできるようにします。 ディープ リンク: ウェブページへのリンクのようにアプリケー

  • Sencha Touch入門:Sencha Touch の付属サンプルCarouselを使ってSencha Touchのコツをつかむ | ExtJSで楽しくRIA業務アプリ開発

    Sencha Touch入門 Sencha Touch に付属するでもCarouselを見ながら、基的なSencha Touchの使い方を紹介します。 コードは配布されているSencha Touchパッケージの/examples/carousel にあります。 ここではindex.htmlについては,前回の記事をごらんください。 index.jsをお好きなエディタで開きながらご覧下さい。 iPad or iPhoneがあるとなおよいと思います。 Ext JSの基についてはこちらをご覧下さい: Ext.onReadyからはじめるExtJSのまとめ Sencha Touch Examples Sencha TouchはこれまでのExt JSのコードと違う個所がいくつかあります。 今回はその中でも基となる、3点を紹介します。 1.Ext.setup() 2.onReadyコ

  • [JS] SenchaTouch入門に最適なWebサイトまとめ | RakuMobi

    RakuMobiはSenchaTouchというJavascriptフレームワークを使用しています。 SenchaTouchの敷居はパッと見低め。 カルーセルが超簡単に作れてスワイプしたときの感動はひとしおです。 が、、、さらに一歩踏み込んだ事をやろうとするとドツボにはまります。 偽ハッカーは一歩踏み込もうとしたときに、きっと心を折られます。 でも貴方が立派なハッカーなら、突如出現した半端無く高い壁にでも立ち向かえるはずです。 ということで、これからSenchaTouchに挑む立派なハッカーのために、SenchaTouch入門用サイトをつらつら挙げていきます。 参考になれば幸いです。 SenchaTouchの感動を味わえるサンプル サンプルの動きを見るだけで、とても感動します。まさかこれがブラウザ上で動くなんて。 間違っても入門の時点で、このサンプルのソースコードを読んではいけません。棍棒で

  • 煎茶登場、jQTouchとExt JSベースの次世代Webアプリ開発 | エンタープライズ | マイコミジャーナル

    Ext JS is now Sencha 14日(米国時間)、JavaScript Ajaxアプリケーションフレームワークとして一定の支持を得る可能性を持ったプロジェクトが発表された。「Sencha」と名づけられたこのプロジェクトは、デスクトップPCからiPhone / iOS向けのWebアプリケーション開発まで広くカバーすることになる。 Senchaは、これまでExt JSとして開発されてきたJavaScript Ajaxフレームワークに、最近高い関心を呼んでいるjQTouchとSVGライブラリであるRaphaelの双方を統合したもの。開発チームに同プロダクトの開発者と取り込んでおり、今後の格展開を狙う。 Senchaという名前は日語の煎茶からきている。次世代ソフトウェア開発の雰囲気を喚起する名前であること、スペルも覚えやすく発音も覚えやすいというのが理由としてあげられている。これま

  • Ext JSを使った高機能グループウェア·Feng Office MOONGIFT

    Feng OfficeはPHP製Webベースのオープンソース・ソフトウェア。Webベースのグループウェアは2000年頃には既に存在していたが、それから10年以上経過してもあまり進化していない。機能が出来上がっていると言えばそれまでだが、もっと進歩しても良いはずだ。 リッチなインタフェースのグループウェア 機能的なものはもちろん、インタフェースもそうだ。Feng Officeは新しいグループウェアの形として知っておくと役立つかも知れない。元々OpenGooとして知られた高機能グループウェアが名前を変え、さらに発展したものがFeng Officeだ。 Feng OfficeはPHP製のグループウェアで、Ext JSを使ってエレガントなインタフェースを提供している。機能はノート、メール、コンタクト、カレンダー、文書、タスク、リンクそしてレポートとなっている。オブジェクトにはタグを付けて管理できる

    Ext JSを使った高機能グループウェア·Feng Office MOONGIFT
  • 入門Ext JS:デスクトップ風メニューバーを表示しよう (1/5)

    JavaScript/Ajaxフレームワーク「Ext JS」を使えば、使い勝手のいいユーザーインターフェイス(UI)を、短いコードを書くだけで実装できます。前回の記事では、Ext JSのウィンドウ内にGoogleマップを利用した地図を表示する方法を紹介しました。今回は同じウィンドウに、地図の種類(航空写真や地形など)を選択できるオリジナルのメニューを組み込んでみましょう。 ウィンドウ内にメニューバーを表示する Ext JSでは、ページ全体またはExt JSで開いたウィンドウに対して、デスクトップアプリケーションのようなメニューバーを表示できます。メニューバーは自由度が高く、上部/下部のいずれか、または両方に設置でき、階層型のサブメニューやアイコン付きメニューも作成できます。 今回は、Googleマップに用意されている以下の4種類の地図を切り替えるメニューをウィンドウに表示します。 通常の地

    入門Ext JS:デスクトップ風メニューバーを表示しよう (1/5)
  • Docs | Sencha Documentation

    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

  • Docs | Sencha Documentation

    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

  • Designer.2

    Mouse-over and click View to open your content. In the Attachments tab, click Upload Attachments. Click Browse to locate a file. After your file has uploaded, click Close to return to the View page. Mouse-over a folder or playlist and click Edit. Choose either Viewers see content only or Viewers see content, details, and attachments. If you are showing details, you can also edit those details, in

  • 1