http://w.atwiki.jp/indexjp/ indexjp @ ウィキ ja 2009-03-31T20:45:44+09:00 1238499944 https://w.atwiki.jp/indexjp/pages/15.html -部品に関してのクラス定義はctlIndex.jsに一括記載するものとする -以下の部品を作成してみる※イメージ図 #image(fpShiiresaki.jpg,left) -まずは左側の項目の仕入先ラベルのクラスを作成します #image(lblShiiresaki.jpg,left) -ソースコード例 //-----仕入先テキスト（タイトル部） // Ext.form.TextField クラスの継承 var lblShiiresakiTitle = Ext.extend(Ext.form.TextField,{ // Ext.form.TextFieldのオーバーライド // コンポーネントの初期化 // itemsに関する設定はこちらで行うこと！ initComponent: function(){ // 継承元のコード実行(必須) lblShiiresakiTitle.superclass.initComponent.call(this); }, hideLabel:true, // 見出しラベルの非表示 readOnly:true, // テキスト変更不可 renderTo:'lblShiiresakiTitle', // バインド名 style:'{background:#C3DAF9;text-align:center;}', // スタイルシートのように指定 tabIndex:-1, //タブ遷移しない value: '仕入先', width: 50 }); // lazy initializationのためのxtypeを登録する // itemsのxtypeで指定できるようになります Ext.reg('lblShiiresakiTitle', lblShiiresakiTitle); -次に真ん中の仕入先コード入力項目のクラスを作成します #image(txtShiiresakiCD.jpg,left) -ソースコード例 //-----仕入先コードテキスト // Ext.form.TextField クラスの継承 var txtShiiresak 2009-03-31T20:45:44+09:00 1238499944 https://w.atwiki.jp/indexjp/pages/14.html -[[ExtJapan.org>http://www.ext-japan.org/]] --ExtJSの基礎とJavaScriptの基本について記載されています -[[Ext2.0APIドキュメント>http://docs.ext-japan.org/docs/]] --Ext2.0のAPIドキュメントが日本語化されています。 -[[ExtJapan>http://docs.ext-japan.org/]] --Extのファンサイト、Ext JS例文辞典から飛べるリンク先のサンプルが大変参考になります。 2009-03-26T10:24:41+09:00 1238030681 https://w.atwiki.jp/indexjp/pages/13.html **開発環境設定 -実行環境設定 --実行環境：[[FireFox>http://mozilla.jp/firefox/]] --デバッグプラグイン:[[FireBug>http://getfirebug.com/jp.html]] まずはJavaScriptの実行環境を整えます。 FireFoxをインストール後、 FireFoxを起動し、そこからFireBugのサイトを開き、FireBugをインストールしてください。 -ソース編集 --ソース編集：[[Aptana Studio>http://www.aptana.com/studio]] --Aptana Studioのインストール方法 Aptana Studioダウンロード（http://www.aptana.com/studio/download）より ・Installation Type:StandAlone ・Operating System:Windows ・Download Type:FullInstarrer を選択し、ダウンロード後、セットアップを実行する -Aptana Studioの日本語化方法 --Pleiades：[[Pleiades>http://mergedoc.sourceforge.jp/]] 1.「pleiades_x.x.x.zip」を解凍し、「plugins」「features」のフォルダの中身をAptana Studioが格納されたフォルダにある同名のフォルダ内にコピーする。 2．Aptana Studioのインストール先のフォルダ内にある「AptanaStudio.ini」の最終行に次の1行を追加する。 -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash ※参考：http://www.thinkit.co.jp/article/47/4/2.html -Extのインストール --ExtのSDK：http://extjs.com/products/extjs/download.php 2009年3月30日現在ExtJS2.2.1SDKがダウンロードできます。 --ダウンロード後の作業 publ 2009-03-31T20:44:43+09:00 1238499883 https://w.atwiki.jp/indexjp/pages/12.html [[ExtJapan⇒ExtJS入門⇒JavaScriptの基本>http://www.ext-japan.org/index.php?option=com_content&view=category&layout=blog&id=36&Itemid=58]] 2009-03-26T09:49:50+09:00 1238028590 https://w.atwiki.jp/indexjp/pages/11.html * コメントプラグイン @wikiのwikiモードでは #comment() と入力することでコメントフォームを簡単に作成することができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_60_ja.html ----- たとえば、#comment() と入力すると以下のように表示されます。 #comment 2009-03-26T09:31:31+09:00 1238027491 https://w.atwiki.jp/indexjp/pages/10.html * 関連ブログ @wikiのwikiモードでは #bf(興味のある単語) と入力することで、あるキーワードに関連するブログ一覧を表示することができます 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_161_ja.html ----- たとえば、#bf(ゲーム)と入力すると以下のように表示されます。 #bf(ゲーム) 2009-03-26T09:31:31+09:00 1238027491 https://w.atwiki.jp/indexjp/pages/9.html @wikiにはいくつかの便利なプラグインがあります。 ----- #ls ----- これ以外のプラグインについては@wikiガイドをご覧ください =>http://atwiki.jp/guide/ 2009-03-26T09:31:31+09:00 1238027491 https://w.atwiki.jp/indexjp/pages/8.html * 動画(youtube) @wikiのwikiモードでは #video(動画のURL) と入力することで、動画を貼り付けることが出来ます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_209_ja.html また動画のURLはYoutubeのURLをご利用ください。 ＝＞http://www.youtube.com/ ----- たとえば、#video(http://youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示されます。 #video(http://youtube.com/watch?v=kTV1CcS53JQ) 2009-03-26T09:31:31+09:00 1238027491 https://w.atwiki.jp/indexjp/pages/7.html * アーカイブ @wikiのwikiモードでは #archive_log() と入力することで、特定のウェブページを保存しておくことができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/25_171_ja.html ----- たとえば、#archive_log()と入力すると以下のように表示されます。 保存したいURLとサイト名を入力して"アーカイブログ"をクリックしてみよう #archive_log() 2009-03-26T09:31:31+09:00 1238027491 https://w.atwiki.jp/indexjp/pages/6.html * 更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_117_ja.html ----- たとえば、#recent(20)と入力すると以下のように表示されます。 #recent(20) 2009-03-26T09:31:31+09:00 1238027491