2013-08-08 5 views
0

나는 Kendo 데이터 소스에 데이터를 추가하고 제거하고 있습니다. localStorage를 저장하고 localStorage에서 다시 읽을 수 있습니다.jStorage를 사용하여 Kendo 데이터 소스 저장하기

여기서는 데이터 저장 및로드를 위해 jStorage를 사용하려고 시도했습니다.

은로드 방법은 다음과 같습니다

if ($.jStorage.get('favoritter') != null) { 
    var datakilde_favoritter = $.jStorage.get('favoritter'); 
} else { 
    var data = [ 
     {id: 5, name: "LINK ONE", url: "http://www.linkone.com" } 
    ]; 
    var datakilde_favoritter = new kendo.data.DataSource({ 
     data: data, 
     sort: { field: "name", dir: "asc" } 
    }); 
} 

그것을 저장 방법은 다음과 같습니다 필요하지 않은 경우가 createdestroy을 제거하는 것이 좋습니다

var ds = new kendo.data.DataSource({ 
    transport: { 
     read : function (op) { 
      var data = $.jStorage.get('favoritter'); 
      if (!data) { 
       data = [ 
        {id: 5, name: "LINK ONE", url: "http://www.linkone.com" } 
       ]; 
      } 
      op.success(data); 
     }, 
     update : function (op) { 
      $.jStorage.set("favoritter", ds.data()); 
      op.success(op.data); 
     }, 
     destroy: function (op) { 
      console.log("destroy", ds.data()); 
      $.jStorage.set("favoritter", ds.data()); 
      op.success(op.data); 
     }, 
     create : function (op) { 
      $.jStorage.set("favoritter", ds.data()); 
      op.success(op.data); 
     } 
    }, 
    sort  : { field: "name", dir: "asc" }, 
    pageSize : 10, 
    schema : { 
     model: { 
      id : "id", 
      fields: { 
       id : { type: 'number' }, 
       name: { type: 'string' } 
      } 
     } 
    } 
}); 

:

$.jStorage.set('favoritter', datakilde_favoritter); 

답변

1

는 귀하의 데이터 소스를 정의합니다. 서버에서 반환 된 데이터 op.success를 호출 할 필요가 기본적으로

var grid = $("#grid").kendoGrid({ 
    dataSource: ds, 
    editable : "popup", 
    pageable : true, 
    toolbar : ["create"], 
    columns : [ 
     { command: ["edit", "destroy"], width: 100 }, 
     { field: "id", width: 90, title: "#" }, 
     { field: "name", width: 90, title: "URL Name" } 
    ] 
}).data("kendoGrid"); 

업데이트 할 때 :

그리고 그리드 뭔가처럼 될 것입니다. 브라우저 자체이기 때문에 원본 데이터를 반환 할 필요가 없습니다.

관련 문제