party_bid移动应用开发项目——（四）竞价分析

最新推荐文章于 2024-12-25 23:02:12 发布

原创最新推荐文章于 2024-12-25 23:02:12 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

AngularJs 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用模态框实现页面信息提示，并利用Underscore实用库中的函数处理竞拍数据，包括按价格排序及统计不同价格的出价人数。

（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])函数，把一个集合分组为多个集合，通过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})
    })

这样就可以把对象转成对象数组，然后取数组中的元素显示