Parllet（個人作成Web家計簿アプリ）の残高表改修－７：sakashushuの取りあえずブログ：So-netブログ

	ブログをはじめるログイン

Parllet（個人作成Web家計簿アプ.. ｜Parllet（個人作成Web家計簿アプ.. ブログトップ

Parllet（個人作成Web家計簿アプリ）の残高表改修－７　[公開アプリ] [編集]

※ 注意！　このエントリは ブログラミング（ブログを書きながらプログラミング）です。筆者がポストした時には気づいていない誤り等が後から発覚する恐れがあります。（過去の事例：2014年 1/4 の誤りに 1/9 に気づいて訂正、等 ^^; ）

@sakashushu です。

Parllet（個人で作成・公開しているアルファ版のWeb家計簿）の、4/28 にポストした改修案に沿ってのブログラミング（ブログを書きながらプログラミング）の続きです。

今回も引き続き進めて参ります。

スポンサードリンク

■ ざっくり環境

OS：Windows 7 Home Premium
Play Flamework：1.2.4
ブラウザ：IE 11.0
Github公開リポジトリのCommitバージョン（スタート時点）：こちら

■ 今回の目標

前回は真ん中部分にも「○○を編集」を表示させるようにしました。

今回は「○○の家計簿を追加」を表示させるようにしたいと思います。

ちなみに左右端部分での表示は以下です。

ちなみに、実残高での無効にしたデータ（背景グレー）では表示されないようにしています。

いつものように体当たりでブログラミング（ブログを書きながらプログラミング）していきます。

■ 体当たり開始

まずは「○○の家計簿を入力」の ○○ の部分に入れる文字列（口座名・電子マネー名・Parllet名）を生成している部分は、「口座」・「電子マネー」については Parllet/app/views/DailyAccount/balanceTable.html 内の以下です。

jqLwdaSItem = jQuery(this).hasClass('lwdaSItem') ? jQuery(this) : jQuery(this).prev('.lwdaSItem');
if (jqLwdaSItem.children('span').size())
jqLwdaSItem = jqLwdaSItem.children('span');
strItemNm = jQuery.trim(jqLwdaSItem.text());

そして、無効にしたデータ（背景グレー）で表示されないようにしているのは以下の部分。

if (!jQuery(this).parent("li").hasClass('remBkemInv'))
bolDlgFrmUpdRecInsBkem = true;

上記までの部分と、それと同様の「Parllet」の部分も一気に改修します。

Parllet/app/views/DailyAccount/balanceTable.html 内での編集（太字の部分）

/* 左クリックか右クリックでメニュー表示 */
jQuery('.menu_cell').mousedown(function(e) {
    if (e.which===1 || e.which===3) {

        （中略）

        if (jQuery(this).attr('data-idx')!==undefined) {    // ヘッダーセルではない
            var intIdx = jQuery(this).attr('data-idx');
            if (jQuery(this).parents("#divBtTblRealFlm").size() > 0 ||
                    jQuery(this).parents("#divBtStkdReal").size() > 0) {    // 左半分（実残高）のセルである
                var clsLwdar = aryLwdar[intIdx];
                if (!clsLwdar.bolInvFlg)
                    bolDlgFrmUpdRecInsBkem = true;
                strItemNm = clsLwdar.strItem;
                strTypeName = clsLwdar.strTypeNm;
                lngUpdId = clsLwdar.lngId;

                （中略）

            }
            if (jQuery(this).parents("#divBtTblPrltFlm").size() > 0 ||
                    jQuery(this).parents("#divBtStkdPrlt").size() > 0) {    // 右半分（Parllet残高）のセルである
                var clsLwdap = aryLwdap[intIdx];
                bolDlgFrmUpdMstUpdPrlt = true;
                strItemNm = clsLwdap.strItem;
                lngUpdId = clsLwdap.lngId;

                （中略）

            }
        } else {    // ヘッダーセルである

            （中略）

        }

        （中略）

    }
});