party_bidモバイル応用開発プロジェクト--(四)競売分析


(1)ジャンプページが自動的にポップアップされる情報提示ボックス――モードボックス
%div(class="modal hide fade in" style="display:block;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true")
aria-labelledby = "myModalLabel";

プロパティはモードボックスのタイトルを指します.
aria-hidden = "true";

補助ツールにモードボックスのDOM要素を省略するように教える.
style = "display:block;";

は、モダリティボックスをブロックレベル要素として表示します.
(2)競売結果ページ競売参加者の情報は、価格の昇順で表示する
この問題を解決するために、Underscoreユーティリティライブラリに使用しました.sortBy(list,iterator,[context])関数で、ソート後のlistコピーを返します.iteratorパラメータがある場合、iteratorはlistソートの根拠になります.この関数を用いると,価格昇順に配列されたオブジェクト配列が得られる.
var bid_people_information_array = _.sortBy(bid_result_information_array, function (num) {
        return num.price;
    });

(3)価格統計ページリスト価格昇順に価格及び価格ごとの価格設定人数を表示する
まず,価格昇順で表示するオブジェクト配列をグループ化し,同様にUnderscoreユーティリティライブラリの_.groupBy(list,iterator,[context])関数は,1つの集合を複数の集合にグループ化し,iteratorが返す結果でグループ化する.iteratorが関数ではなく文字列の場合、iteratorを各要素の属性名として比較してグループ化します.
var price_count_infos = _.groupBy(bid_people_information_array, function (num) {
        return num.price
    })

この関数はオブジェクトを取得します.リストを表示するには、オブジェクトの要素を取り出さなければなりません.オブジェクトの要素は未知なので、オブジェクトを配列に変換し、配列の要素を取ります.
_.map(price_count_infos, function (value, key) {
        price_array.push({"price": key, "number": value.length})
    })

これにより、オブジェクトをオブジェクト配列に変換し、配列内の要素表示を取得できます.