この日記は私的なものであり所属会社の見解とは無関係です。 GitHub: takahashikzn

r42utils-0.1.10リリース

かなり放置気味でしたが、r42utils-0.1.10をリリースしました。

変更内容は次のとおりです。

  • 絞り込み選択リスト(NarrowDownSelectionList.js)で、値を途中まで選択した状態でも、サーバへ値を送れるようにした。


これに伴い、データ構造を大幅に変更しました。
これまでの仕様と互換性はありません。すいません。


例を出した方が早いと思うので、以下の例を御覧下さい。(手抜きとも言う)

<html>

<head>
<script src="./Utils.js"></script>
<script src="./NarrowDownSelectionList.js"></script>
</head>

<body>
<form method="post" action="http://localhost:8080/">
    <div id="sample"></div>
    <input type="submit" value="確認" />
</form>
</body>

<script>
    var ndsl = new NarrowDownSelectionList(document);

    ndsl.setListItems({
        "グループA": {
            "@": { "name": "lvl1", "value": "A" },
            "グループA-1": {
                "@": { "name": "lvl2", "value": "A1" },
                "グループA-1-0": {
                    "@": { "name": "lvl3", "value": "A10" }
                },
                "グループA-1-1": {
                    "@": { "name": "lvl3", "value": "A11" }
                },
                "グループA-1-2": {
                    "@": { "name": "lvl3", "value": "A12" }
                }
            },
            "グループA-2": {
                "@": { "name": "lvl2", "value": "A2" },
                "グループA-2-0": {
                    "@": { "name": "lvl3", "value": "A20" }
                },
                "グループA-2-1": {
                    "@": { "name": "lvl3", "value": "A21" }
                },
                "グループA-2-2": {
                    "@": { "name": "lvl3", "value": "A22" }
                }
            }
        },

        "グループB": {
            "@": { "name": "lvl1", "value": "B" },
            "グループB-1": {
                "@": { "name": "lvl2", "value": "B1" },
                "グループB-1-0": {
                    "@": { "name": "lvl3", "value": "B10" }
                },
                "グループB-1-1": {
                    "@": { "name": "lvl3", "value": "B11" }
                },
                "グループB-1-2": {
                    "@": { "name": "lvl3", "value": "B12" }
                }
            },
            "グループB-2": {
                "@": { "name": "lvl2", "value": "B2" },
                "グループB-2-0": {
                    "@": { "name": "lvl3", "value": "B20" }
                },
                "グループB-2-1": {
                    "@": { "name": "lvl3", "value": "B21" }
                },
                "グループB-2-2": {
                    "@": { "name": "lvl3", "value": "B22" }
                }
            }
        }
    });

    // 初期値を復元する場合はこちら
    //ndsl.setInitialValue("A21");

    var select = ndsl.createNarrowDownSelectListElement();
    document.getElementById("sample").appendChild(select);
    
</script>
</html>