これは風邪か？

昨日昼ごろから腰のあたりがゾクゾクと。
仕事がやばいので昨日は残業と決め込んでたんだが。耐えられず帰宅。
あまりに辛いので熱をはかると三十九度。
なんだかもうすごくへこむ。
で今朝熱を計るも一向に下がらず。起きていられないのでねたきり。
毎月こんな感じだとさすがに不安だ。
今は落ち着いて微熱。寝過ぎて寝付けず寝相の悪い長女の蹴りを喰らいながら携帯で。
あー仕事がー。

ExtJs－１６ パネルと本実装

うわーじかんがたちすぎた。
気持ちゲームのRPG的なのりでやってるのだが
時間がたつとどこまでいってたかわからなくなる。

今日はようやく思い出してDBからポートレット情報を取得して
動的に配置するようにできた。

なんだか配列の配列の配列を動的に作って。
やってることは簡単だけど混乱。

ただうまくいかない点が
グリッドパネルをポートレットに入れてて
そのポートレットをポータルサイト表示時に動的に生成
つまり、

①カテゴリ一覧取得
↓
②一カテゴリに紐づくポートレット生成
カテゴリ数文繰り返し。

ですが、
カテゴリ一覧取得のイベントハンドラないでやらないと当然
紐づくポートレットができないわけで、
でもポータルサイト用のタブパネルを追加、描画が
ポートレットのグリッド表示より早く終わってしまうようで。。。

起動後はこんな感じになっちゃう。



で、ポートレットをD＆Dしてみたりして利ペイントさせると



こうなる、し、グリッドのサイズも効いてない。

なんだか竜王の城で階段見つけられてない気分。

昔の記憶

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

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

前のブログを読み返すと

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

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


と。

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にしてやれば思う壺。
書き出しはまずまず。

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

楽しい。

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