更新jQuery flexbox

Question

有没有办法使用JSON数组更新jQuery flexbox的结果？我已经创建了Flexbox，并且我想更新其结果。

我初始化我Flexbox的如下：

$('#myFlex').flexbox({ 
     "results": [ 
      { "id": "1", "name": "Ant" }, 
      { "id": "2", "name": "Bear" } 
     ]}, 
    { 
    allowInput: false, 
    paging: false, 
    maxVisibleRows: 8 
}); 

这是taken from the documentation，和它的作品。假设我想更新元素而不重新初始化flexbox。如何才能做到这一点？

Answer 1

好吧，所以我砍了自己的解决方案！

Flexbox在初始化时通过变量o.source设置数据。

我所做的是将商店（和访问）o.source作为jQuery .data()。这使我可以查看/更改值。

Answer 2

您尚未指定如何初始化Flexbox或如何获取数据。但是，根据documentation和demos，当您指定URL时，将使用名为results的JSON属性来获取数据行。这应该全部自动发生。例如（直接从文档）：

$.ready(function() { 
    // results.aspx is the page that returns json data in the expected format 
    $('#fb').flexbox('results.aspx'); 
}); 

样本响应：

{"results":[ 
    {"id":1,"name":"Ant"}, 
    {"id":2,"name":"Bear"}, 
    {...} // more results here... 
]} 

另外，你应该能够使用resultsProperty指定不同的属性名称。

Answer 3

在试验这个同样的问题时，我发现jQuery Flexbox存储了作为参考传递的数据。这意味着你可以这样做：

var data = {results: [{id:1,name:'Ant'},{id:2,name:'Bear'}], total:2}; 
$('#myFlex').flexbox(data); 

// ... 

data.results[data.total] = {id:3,name:'Cat'}; 
data.total++; 

与股票插件，它会工作。唯一要记住的是，在添加新元素时，您必须记得更新.total属性。