昔の記憶

今日は家族の体調がまだ不安定なため
定時の帰宅。
子供たちを寝かしつけて、と、また私も寝てしまい、
嫁さんに起こされて夜の１０時。
それから夕飯食べて眠れなくて。。

このブログの趣旨は備忘録だから
こんな他愛もないことを書くのはどうかと思うのだが、

前のブログを読み返すと

過去の自分を振り返り懐かしくなる。

最近勉強のことばかり記録にしていたから
そのときの思いとか生活とかも残すようにしよう。


と。

ExtJs－１５ パネルと本実装

久々のコーディング。

趣味としてのプログラミングは楽だ。
なんせ何もしがらみもなく自由だから。

Javascriptについてまったくのわからんちんな私は
こちらに
http://csharper.blog57.fc2.com/blog-date-20061114.html
お世話になりました。ありがとうございました。
と、オライリーのサイ本。すごく面白いです。


今日はポートレットに載せる基本グリッドクラスを
と、基本ポートレットクラスを。
特化したポートレットがない限りとりあえず表があれば事足りるだろう。。ということで。

//==================================================
/// <summary>
/// 基本ポートレット用グリッド
/// </summary>
/// argdata
/// categoryCode: DB取得時のカテゴリID
/// elementId: レンダリング対象エレメントID
/// height: 高さ
/// width: 幅
///------------------------------------------------
/// 2008/05/18 [20080530] 新規作成 
//==================================================
function PortletGrid_Basic( argData ) 
{
    //==================================================
    //パブリックメンバ（this.XXX）
    //==================================================
    //    var dsCategory;     // カテゴリ情報
    this._dsContents;     // コンテンツ情報
    this._grid;           // グリッド
    this._columnModel;    // グリッド列形成情報
    this._categoryCode = argData.categoryCode;
    this._elementId  = argData.elementId;
    this._height = argData.height;
    this._width  = argData.width;
    //    this._categoryCode = "0000000000000001";
    //    this._elementId  = "test";
    //
    //  //var gridForm; // フォーム情報（aspx側でのフォームとシンクロ）
    //==================================================
    //プライベートメンバ（var XXX）
    //※まだ、知識が浅いため、オライリー本のみに則る。【未使用】
    //==================================================
    
    //==================================================
    //プライベートメソッド（var XXX = ）
    //注意：thisキーワードはwindowオブジェクトを指します
    //      メンバは直接名前を指定すること。
    //※まだ、知識が浅いため、オライリー本のみに則る。【未使用】
    //==================================================
   
    //==================================================
    //プレビレッジメソッド（this.XXX = ）
    //外部アクセス可（プライベートフィールド参照可）
    //※まだ、知識が浅いため、オライリー本のみに則る。【未使用】
    //==================================================

    //==================================================
    //パブリックメソッド（(Class).prototype.XXX = ）
    //prototype継承
    //プライベートフィールド参照不可
    //==================================================
    //--------------------------------------------------
    /// <summary>
    /// データソースセットアップ
    /// </summary>
    //--------------------------------------------------
    PortletGrid_Basic.prototype.setupDataSource = function()
    {
        this._dsContents = new Ext.data.Store(
            {
                proxy:  new Ext.data.HttpProxy({url:'../PortalManagement/readPortletBaseContents.aspx'}),
                reader:  new Ext.data.JsonReader(
                    { root: 'rows', totalProperty: 'rowsCount', id: 'id' },
                    [
                        {name: 'id'},
                        {name: 'URL'},
                        {name: 'コンテンツ見出し'},
                        {name: 'コンテンツ概要'},
                        {name: 'コンテンツ管轄'},
                        {name: '表示開始日'}
                    ]
                )
            }
        );    

        //dsCategory.load({params:{start:0, limit:25}});
        //_dsContents.load({params:{start:0, limit:25}});

        //dsCategory.load({params:{start:0, limit:25}});
        this._dsContents.load({params:{categoryCode:this._categoryCode}});
        return this._dsContents;
    }

    //--------------------------------------------------
    /// <summary>
    /// グリッド列情報取得
    /// </summary>
    //--------------------------------------------------
    PortletGrid_Basic.prototype.setupColumnModel = function()
    {
        this._columnModel = new Ext.grid.ColumnModel(
            [
                {
                    header: 'NEW',
                    width: 250,
                    sortable: true,
                    dataIndex: '表示開始日'
                    //renderer: change【拡張：未使用】
                },
                {
                    header: '項目名',
                    width:100,
                    sortable: true,
                    dataIndex: 'コンテンツ見出し'
                    //renderer: change【拡張：未使用】
                },
                {
                    header: '管轄',
                    width:100,
                    sortable:true,
                    dataIndex: 'コンテンツ管轄'
                    //renderer: change【拡張：未使用】
                }     
            ]
        );
        return this._columnModel;
    }
    
    //--------------------------------------------------
    /// <summary>
    /// グリッドの生成
    /// グリッドパネルの継承とするため、やめた。→
    /// </summary>
    //--------------------------------------------------
    //    PortletGrid_Basic.prototype.buildGrid = function() 
    //    {         
    //        this._grid = new Ext.grid.GridPanel(
    //          {
    //              el: this._elementId,
    //            ds: this._dsContents,
    //            cm: this._columnModel,
    //            autoSizeColumns: true,
    //            selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
    //            height:this._height,
    //                width:this._width
    //          }
    //        );
    //        this._grid.render();
    //    }
    //    PortletGrid_Basic.prototype.create = function()
    //    {
    //        this.setupDataSource();
    //        this.buildGrid();
    //    }
    
    PortletGrid_Basic.superclass.constructor.call(
    this, 
    {
    //renderTo : this._elementId,←これを呼ぶとportaladd時にChild作成時によろしくないよくわかってない。
    ds: this.setupDataSource(),
    cm: this.setupColumnModel(),
    autoSizeColumns: true,
    selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
    height: this._height,
    width: this._width
    });   
    
    //--------------------------------------------------
    /// <summary>
    /// グリッドレンダリング時のメソッド    //【拡張：未使用】
    /// </summary>
    //--------------------------------------------------
    //    function change(val){
    //        if(val > 0){
    //            return '<span style="color:green;">' + val + '</span>';
    //        }else if(val < 0){
    //            return '<span style="color:red;">' + val + '</span>';
    //        }
    //        return val;
    //    }

}
//Ext.grid.GridPanel継承
Ext.extend(PortletGrid_Basic, Ext.grid.GridPanel);

あーまずいよ。これ。

昨日、嫁が風邪でダウンした。
今日も動けず。
本当に何もできそうになく、しんどそう。

1歳と4歳の娘を何とかしなければならない。
という矢先、二人の娘もダウン。
1歳は何とかよさそうだが、
４歳は38度出して中耳炎。

昨日、ぐでんぐでんのわからんちんな子供二人をつれて小児科へ。
朝食、昼食、夕飯。掃除、洗濯、子供の世話と。フルコース。
もともと一人暮らし歴が長く家事全般はこなせるものの、
この量と質は無理がある。

今日は長女復活のため、幼稚園へ。
そして以下同文な感じ。

あー、こりゃ嫁さんは大変だわ。
この間専業主婦の年収は１２００万相当になる。。
なんてニュースでやってたが、わからないでもない。

憂鬱に成るわな。こりゃ。

で、わたしも会社休みすぎ。

まずいよ。この流れ。

そろそろ風水とか疑っちゃったりして。

問題だな。

また風邪ひいた。
なんか免疫系の病気なんじゃないか？
と思うほどよく掛かる。
今朝は少し怠いなぁ。。程度だったけど午前中長女とアニメチャンネルでアンパンマンの映画を見てる時に変化が。
もうどうすることも出来ない眠気に襲われ、きがつくと３０分ほど時計が進んでいる。
そして花粉症のごとく激しいくしゃみと鼻水、だるさ。眠気。

今では咳がひどくて気管支炎気味。頭痛も。
大丈夫か？俺。

ExtJs－１４ パネルと本実装

体調不良と業務多忙による動機付けがされないまま
進捗が悪すぎる。。
やりたいこととかシステム自体の要望は常に出続けているに
実装が伴わない。。
あー、しんどい。

ということで、ものすごく久しぶりにPCを触ることに。。。。



さて、デスクトップツールなんですが、
ポータルサイトのポートレットクラスを作成中。
どうやってソースかいてこーかなぁ（ファイルの定型書式）。。と悩んでましたが、
ExtJS本家のScreencastで公開されているソースの書き方がしっくり。
目からうろこでした。で、それで書いてこう。と。

基本のポートレットはグリッドでやろ。iGoogleのニュース系のガジェットっぽく。
まずはサンプルそースにグリッドはりつけて作製して

それをPanelとしてPortletにしてやれば思う壺。
書き出しはまずまず。

着手しかかるときの気持ちの高揚感のなさから
一気にやる気に火がつきずーっと作っていたくなる気持ちのギャップに酔う。

楽しい。

が、恐ろしく作業環境が散らかっている。。

風邪だ。また。

また風邪だ。
昨晩から悪化して気管支炎。
もう酷い。
なにより会社休んでしまって、かつ、寝ることしかできず時間が過ぎるのはつらい。
昨日買った本も読めず。勉強できず。

頭痛と咳と異様な眠気が。
言ってるそばから眠気が。

なんでこんなに風邪をひくのかしら。

散財

ということでちゃんと勉強しようかと。
小遣いな私にとってこの金額はさすがにこたえるけど知りたいことの宝庫。

嬉しすぎ。

しかし本とコーヒーしか買ってないな。

ExtJs－１３ パネルと本実装

さて、GWも最終日

３、４と一年前の引越しの延長戦。

５日は生垣つくり。

６日は子供とめいっぱい遊ぶと。充実はしていた。と思う。

さて、勉強はというと、若干の進展。

Javascript初心者にとって良い勉強になっています。



ようやくポータルサイトクラスのガワ？がなんとなく実装できてきたのでは？

サンプルを解体して。

データストアをメンバで実装してポートレットを追加するメソッド作成中。

ようやくサンプルと同じ画面が出るようになった。



次は追加順、追加情報の保存とポートレットクラス作製かな。



明日から仕事。今日はこれまで。

そういえば

最近酒に弱い。

つい先日も飲まれた。
会社の集まりだと食べ物よりも飲み物が多くなり、酔う。

ここからが悪い。
どうも酔うと根の「熱さ」（かなりウザメ）が出てくる。
もういやになる。

困ったもんだ。年を追うごとにひどくなるな。。。。
ま、飲まなきゃいいんだけど。

ExtJs－１２ パネルと本実装

4月末はばたついた。

更新もできず、結局学習できず。

ただ、前回のページングについての引数の受け渡しは実装できた跡に

またResponse.Writeわすれでは待ってました。というのが半月前。



さて、そろそろソースもDefaultXX.aspxとたまりまくってきたので本実装をしようかと。

ついでにツールのポータルも作ろうと。

xtypeのPortal。いいねぇ。ということでポータルのサンプル引っ張ってきて

ポートレットの情報をDBから取得するように変更中。



左のツリー、真ん中のグリッドとポータル。左のプロパティグリッド。とぼんやりとかたまってきたかな。。

やりたいことは増えるばかり。縁取りを開始しよう。
あ、もうひとつ、そろそろJavaScriptの勉強をしようかと（笑）。
オライリー本かって読もう。