javascript - 如何在 Recline JS 中将记录附加到数据集？

Question

我正在使用相当不错的 javascript 库 Recline http://okfnlabs.org/recline/它是围绕 Backbone 构建的。它还使用 SlickGrid。

例子比较多，当然也有源码可以看看。我自己有很长的路要走——编写自己的后端并在 slickgrid View 中显示数据。

但是我在示例中找不到的一件事是如何将记录附加到数据集。我想将操作绑定(bind)到一个按钮，这样我就可以在数据集的末尾附加一条空记录，这样我就可以使用 slickgrid View 来编辑数据。

我似乎能够添加记录的唯一方法是往返服务器，但我不想这样做，因为这将涉及必须发布有效数据，因为实际上我不我的数据集中不需要空行。我希望能够在通过 REST 将数据实际发布到服务器之前在浏览器客户端上添加几行。

目前代码看起来像这样。

$(document).ready(function() {
var dataset = new recline.Model.Dataset({
     url: '/rest/monitors',
     backend: 'restlet',
    });

    dataset.fetch().done(function(dataset) { 



        var $el = $('#mygrid');
        var grid = new recline.View.SlickGrid({
          model: dataset,
          el: $el,
          state: {
                gridOptions: {editable: true,enableCellNavigation: true},
                columnsEditor: [
                             {column: 'monitoruntil', editor: Slick.Editors.Date },
                             {column: 'enabled', editor: Slick.Editors.Checkbox },
                             {column: 'owneremail', editor: Slick.Editors.Text},
                             {column: 'normalinterval', editor: Slick.Editors.Text}
                           ],
                columnsWidth:[{column: 'owneremail', width: 100},{column: 'url', width: 300},{column: 'lastaccessed', width:100 }]
                 }
        });
        grid.visible = true;
        grid.render();


        //Bind Save Button to a function to save the dataset

        $('#savebutton').bind('click', function() {
              //alert($(this).text());
              dataset.save();
            });

        });;

} )

使用此代码，我只能编辑和保存已通过“reSTLet”后端交付的现有记录。

Answer 1

看起来你在寻找 dataset.records.add()

尝试 here在开发控制台中:

var dataset = new recline.Model.Dataset({
      records: [
        {id: 0, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', title: 'first', lat:52.56, lon:13.40},
        {id: 1, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', title: 'first', lat:52.56, lon:13.40},
    ]
    });
createExplorer(dataset);
var i=2;
setInterval(function() {dataset.records.add({id: i, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', title: 'first', lat:52.56, lon:13.40});i++;},2000);