0

我正在尝试使用 Dynatable 从本地 json 数据集中创建风格化的记录列表。在 Dynatable 文档中，样式化列表的示例是使用 Reader 函数从 DOM 中获取记录，并使用 Writer 生成页面中的记录。我只需要使用本地数据集而不是 Reader 函数。这是写的：

     var localJSON = '[{  "caption": "<div>myCaption1</div>", "thumbnail": " <img src=\'../images/test.jpg\' />" },'
                     +'{  "caption": "<div>myCaption1</div>", "thumbnail": " <img src=\'../images/test.jpg\' />" }, '
                     +'{  "caption": "<div>myCaption1</div>", "thumbnail": " <img src=\'../images/test.jpg\' />" }, '
                     +'{  "caption": "<div>myCaption1</div>", "thumbnail": " <img src=\'../images/test.jpg\' />" }] ';
     var records = JSON.parse(localJSON);
     function ulWriter(rowIndex, record, columns, cellWriter) {
         var li = '';
         var cssClass = "col-sm-3";
         if (rowIndex % 4 === 0) { cssClass += ' first'; }
         li = '<li class="' + cssClass + '"><div class="thumbnail"><div class="thumbnail-image">' + record.thumbnail + '</div>' + record.caption + '</div></li>';
         return li;
     }
     $('#sampleUIList').dynatable({
        dataset: {
              perPageDefault: 4,
              records: records 
          },
          writers: {
              _rowWriter: ulWriter
          }
     });

问题是每次我尝试更改页码或更改页码时perPageOptions，整个数据集（localJSON）都会附加到前一个数据集（类似于+=记录）。我错过了什么吗？

4

1 回答 1

1

您缺少以下配置参数：

  table: {
     bodyRowSelector: 'li'
  },

将此添加到您的配置中，使其看起来像：

$('#sampleUIList').dynatable({
   dataset: {
         perPageDefault: 4,
         records: records 
     },
     writers: {
         _rowWriter: ulWriter
     },
     table: {
       bodyRowSelector: 'li'
     }
});

应该做的伎俩。

于 2014-09-15T23:51:24.423 回答