2015-04-03 13 views
0

我有一個JavaScript數組,記錄來自所有50個狀態的調用,我寫了數組,以便在從相同狀態獲取新調用時,值不會重複。問題是它沒有連接到我的表。我只有位置輸出到我的表和其重複本身。我想輸出爲與我的數組相同的數據,因此它們不會重複,但仍能夠使用與該位置相關的數據,我該怎麼做?如何將javascript數組輸入到表中?

這是我的代碼

var states = []; 

channel.bind('call', function(data) { 
    var location = data.location; 
    var call_id = data.call_id; 
    var status = data.status; 
    if (states.indexOf(location) === -1) { 
     states.push(location); 
    } 

    var output = '<tr class="phonedata"><td>' + location + '</td></tr>'; 
    $('.table').append(output); 

    return output; 
}); 
+0

您使用純javascript嗎?或者是那個JQuery?如果是這樣,請添加適當的標籤(也可以在您的問題主體中特別提及它)。 – ryanyuyu 2015-04-03 20:19:41

+0

我使用的主要是javascript,以及一些jQuery和推送API,添加標籤 – 2015-04-03 20:26:19

+0

我強烈建議使用支持數據綁定的庫,如[Knockout](http://knockoutjs.com/)或[Angular ](https://angularjs.org/)。 – 2015-04-03 20:29:03

回答

0

最好的辦法是使用List.js庫。 這是example

<div id="users"> 
    <input class="search" placeholder="Search" /> 
    <button class="sort" data-sort="name"> 
    Sort by name 
    </button> 

    <ul class="list"> 
    <li> 
     <h3 class="name">Jonny Stromberg</h3> 
     <p class="born">1986</p> 
    </li> 
    <li> 
     <h3 class="name">Jonas Arnklint</h3> 
     <p class="born">1985</p> 
    </li> 
    <li> 
     <h3 class="name">Martina Elm</h3> 
     <p class="born">1986</p> 
    </li> 
    <li> 
     <h3 class="name">Gustaf Lindqvist</h3> 
     <p class="born">1983</p> 
    </li> 
    </ul> 

</div> 
<script src="http://listjs.com/no-cdn/list.js"></script> 

<script> 
var options = { 
    valueNames: [ 'name', 'born' ] 
}; 

var userList = new List('users', options); 
</script> 
相關問題