2016-10-25 105 views
0

我正在使用jquery List.js库。由于list.js库没有选项来动态更改页面上的记录数量,所以我试图通过更改函数动态更新页面值。问题是,值传递正确,它显示在控制台中,但列表没有在后端更新。我试过的代码是更新List.js中的页面值jquery库

var x = $(function() 
    { 
    //rows are the id of drop down selection 
     $('#rows').change(function(){ 
      console.log($(this).val()); 
      $(this).val(); 
     }); 
    }); 

    //default value is set if nothing selected 
    if(!$.isEmptyObject(x)) 
     x=10; 

    var options = { 
     valueNames: [ 'territory', 'territory_id'], 
      page: x, 
      plugins: [ 
       ListPagination({} 
      )] 
    }; 

    var contactList = new List('my-cool-sortable-table-wrapper', options); 
    contactList.sort('territory', { order: 'asc' }); 

任何帮助将不胜感激。谢谢

+0

在对你说:“如果什么也没有选择默认值设为” if语句您的评论,但你正在做的是其值设置为10我选择了一些东西。 – Zorken17

+0

忽略此行,假设我更改了该值,值被传递并且它在控制台中显示,但列表未更新。什么原因 ? – 789khan

+0

你可以给我们的HTML列表以及? – Zorken17

回答

0

您错过了更新列表,这就是为什么你没有看到变化。 该文档声明您需要在更改后更新对象object.update()。

请参阅下面我的代码:

var x = 10 

$('#rows').change(function() { 
    x = $(this).val(); 

    updateList(x); 
}) 

var options = { 
    valueNames: ['territory', 'territory_id'], 
    page: x, 
    plugins: [ 
    ListPagination({}) 
    ] 
}; 

var contactList = new List('my-cool-sortable-table-wrapper', options); 
contactList.sort('territory', { order: 'asc' }); 

function updateList(x) { 
    contactList.page = x; 
    contactList.update() 
} 
+0

谢谢 – 789khan

+0

我可以通过List.js的一些内置功能下载表数据吗? 我试过但没有找到 – 789khan

+0

下载表格数据是什么意思? List.js只是一个列表展示框架。 – Zorken17