繁体   English   中英

使用Firebase从最大到最小列出和排序记录,并打印到HTML表主体

Using Firebase to list and sort records from greatest to least and print to HTML table body

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我列出了玩家及其在火力发电厂中累积的奖金。 每条记录将按从最小到最大的顺序添加。

<table id="toptenwinners" class="table table-hover table-sm">
<thead>
<tr>
<th>Rank</th>
<th>Player</th>
<th>Earnings</th>
<th>Tokens</th>
</tr>
</thead>
<tbody>
<tr>  <-- start of insert
<th scope="row">1</th>  <-- number generated after sort
<td>John Q Public</td> <-- from "player" in firebase
<td>552,133</td>       <-- from "total earnings" in firebase
<td>1,212,808</td>     <-- from "tokens" in firebase
</tr> <-- end of insert
 ..next record

编写的例程似乎不适用于此简单应用程序。

dataRef.on('player',function(toptenwinners){

var toptenwinnersHTML = "";

toptenwinners.forEach(function(firebaseOrderReference){
var toptenwinners = dataRef.val();
console.log(toptenwinners); 
var tableofwinners = 

<tr>
<th scope="row">1</th>  
<td>' + player + '</td> 
<td>' + t_earnings + '</td>       
<td>' + t_token + '</td>     
</tr>;

toptenwinnersHTML = toptenwinnersHTML + tableofwinners;
});

$('#toptentable').html(toptenwinnersHTML);
});

我想知道是否有一种更简单的方法(使用jquery)将数据库中的所有“玩家”,他们的收入和令牌清晰地列出到。 添加一种从最高令牌(t_tokens)到最小令牌排序的方法,然后根据排序为每个“行”(即1、2、3、4 ..)编号。

Sample HTML Output:
Rank Name       Earnings Tokens
1    Spongebob  55,222   1,234,555
2    DarthVadar 88,010   555,213
3    PacMan     12,123   120,111

在此处输入图片说明

1 个回复

可悲的是,问题在这里过时了。 谁知道了。 诀窍在于使用data.ref()。once函数列出数据库的所有内容,然后将结果(每次迭代)优雅地传递给html表格式。

像魅力一样工作。

function listthechamps() {

let y = 0
$("#tableChampion").empty();

var database = firebase.database();
database.ref().once('value', function (snapshot) {
if (snapshot.exists()) {
var content = '';
snapshot.forEach(function (data) {
y++
var val = data.val();
content += '<tr>';
content += '<td>' + y + '</td>';
content += '<td>' + val.player + '</td>';
content += '<td>' + val.t_earnings + '</td>';
content += '<td>' + val.t_token + '</td>';
content += '</tr>';
});
$('#tableChampion').append(content);
}
});
}
4 使用 qsort 按列从最小到最大对二维数组进行排序

我正在尝试使用qsort从最小到最大对每一列进行排序。 作为一个输入的例子 我想要一个类似于 我正在尝试使用嵌套的 for 循环来遍历每一列并告诉我一列是否大于下一列。 并且代码将遍历每个并让我现在如果它大于 qsort 将检查并相应地移动它们。 我想知道我是否正确使用了qsort以及我的 ...

5 排序列表从大到小

我想要做的是从最大到最小对列表中的值进行排序。 我正在尝试使用 Collections.sort(mylist) 但我不确定使用什么比较器将它们从最大到最小排序。 关于如何做到这一点的任何建议? ...

9 PHP mysql从大到小排序

我有一个数据库表,其中有一栏标记为earnings 。 该表中有多个用户的收入金额不同。 我想显示收入最高的前十名。 这是我目前拥有的代码: 我如何做到这一点,例如,如果我写$result['earnings'][3]它将为我带来第四高的用户收入。 还是如果我写$result ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM