Question

我正在使用Jquery List.js库。由于list.js Library没有动态更改页面上记录数的选项，因此我尝试通过更改函数动态更新页面值。问题是，值正确传递并且它显示在控制台中，但列表未在后端更新。我试过的代码是

   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' });

任何帮助都将受到高度赞赏。谢谢

Answer 1

您缺少更新列表，这就是您没有看到更改的原因。文档说明您需要在更改后更新对象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()
}

更新List.js jquery库中的页面值

1 个答案: