ExtJS

sencha cmd ②

カスタムテーマ

① コマンドプロンプト起動

② cd [アプリを作くったフォルダ]

③ sencha generate theme [カスタムテーマフォルダ名] を実行

[アプリを作くったフォルダ]packages[カスタムテーマフォルダ名] の生成

[アプリを作くったフォルダ]extpackages[カスタムテーマフォルダ名]sass

にオリジナルファイルを作る

フォントタイプを変更する場合

① [アプリを作くったフォルダ]extpackages[カスタムテーマフォルダ名]package.json

 の12行目の”extend”: “ext-theme-classic”がカスタマイズ元になる。

ここでは ext-theme-neptune を元に変更したいので

12行目の”extend”: “ext-theme-neptune “とする。

②[アプリを作くったフォルダ]extpackagespackagesext-theme-neptunesassvar

内のファイルで font-family を使ってるファイルを検索

varComponent.scssの2行目

varpanelPanel.scssの1行目

は、直接フォント名を arial, helvetica, verdana, sans-serif !default; と指定しているので

これを ’Lucida Grande’, Meiryo, sans-serif !default; とする。

③[アプリを作くったフォルダ]extpackages[カスタムテーマフォルダ名]sassvar

②の変更対象ファイルと同じ階層上にファイルを作って該当の箇所のみ記述

☆$panel-header-font-family: ‘Lucida Grande’, Meiryo, sans-serif !default; ←のみな感じで..

④[アプリを作くったフォルダ].senchaappSencha.cfg の32行目の

app.theme=[カスタムテーマフォルダ名] に変更

⑤sencha app build 実行

sencha cmd ①

① コマンドプロンプト起動

② cd [ExtJSがあるフォルダ]

③ sencha generate app [アプリ名] [アプリを作るフォルダ]

コンパイル方法

① cd [アプリを作ったフォルダ]

② sencha app build

[アプリを作ったフォルダ]の中にある

[アプリを作ったフォルダbulidアプリ名production]以下が

コンパイルされたアプリなのでこれを

任意の場所に持ってく (`・ω・´)/

テーマの変更
[アプリを作ったフォルダ.senchaapp]の

[sencha.cfg]の

32行目 app.theme=ext-theme-classic を変更する

[アプリを作ったフォルダpackages]以下のフォルダ名が対応 (∩´∀`)

3章 Modern JavaScript

プリミティブ型 ⇒ 値渡し

オブジェクト型 ⇒ 参照渡し

(さらに…)

2.11 Ext.core.DomHelper クラス

動的なマークアップの追加 ¥ ・∀・¥

(さらに…)

2.9. コアクラス

 

ID=foo1
class=post
c(`・ω´・ c)っ≡つ ババババ

 

ID=foo2
class=post
クルクル σ@( ゚∀ ゚) パー!?

 

ID=foo2
class=compost
ヒィー(((゚Д゚)))ガタガタ

(さらに…)

ExtJS submit

なんか分からんけどIE8だと

extype: filefield の Change イベントが立て続けに発生して収集がつかないヽ(`Д´#)ノ ムキー!!

フォーラム / Ext JS Community Forums 4.x / Ext:Bugs / の

[4.1 RC3] FileUploadField fires Change twice in IE8 and IE7.

を見るとそんなの(゚⊿゚)シラネ ってかいてあるように思えるけど

おいらの環境でも起こるっての ∩( ・ω・)∩ 

仕方ないので

[javascript]
this.control({
‘filefield’ : {
change : {fn:this.onFileClick, single: true, scope: this}
}
});
[/javascript]

イベントを single: true で一回で廃棄?して (いいのかなぁ)

submit とこの success failure とこで Ext.Msg.alert で

メッセージボタンのクリックイベントで

[javascript]
this.getFldMailData().on({change: {fn:this.onFileClick, scope: this, single: true}});
[/javascript]

イベントを復帰?させて対応してみたけど.. 

いいのかなぁ、これで |ω・`)ノ ヤァ

ExtJS Submit

Cherome のコンソールに

“Resource interpreted as Document but transferred with MIME type application/json”

と出る( ゚Д゚)

IEでは「開くか、保存しますか?」のダイアログが出る( ゚Д゚)

戻すためのJSONデータの CONTENT_TYPE は 

application/json でなく

text/html でいいらしい 

(´・ω・`)知らんがな….

ext-4.2.1.883

ext-4.2.1.883 の CSS

neptune を使いたい

でもって、フォントを変えたい(`・ω・´)

前にやった compass compile  じゃダメだ(´・ω・`)

フォルダ構成変わってるし( ゚Д゚)

仕方ないので

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

を順番に実行( ´゚д゚)(゚д゚` )

だめじゃん(´・ω・`)

http://docs.sencha.com/extjs/4.2.1/#/guide/command

ルビーのバージョン2.0だめだた(ΦДΦ)

ルビーのバージョン落とすか(゚Д゚;)!!!

ルビーアンインストールして

1.9をインストールして、げむを実行(-∧-;)

DLLエラーキタ━━━(゚∀゚)━( ゚∀)━(  ゚)━(  )━(  )━(゚  )━(∀゚ )━(゚∀゚)━━━!!

http://www.webopixel.net/html-css/723.html やっぱ、ここの説明通りにやらないとダメ つД`)

コアクラス ヽ( ´ー)ノ

コアクラス ヽ( ´ー)ノ

&lt; = “<" &gt; = ">”

ここは <div id=”foo” class=”post”> が提供しております∠( ゚д゚)/

 

(さらに…)

2.1. Ext.onReady

いまさら ExtJSの基本(∩゚д゚)

(さらに…)