{"id":200936,"date":"2013-11-05T15:50:03","date_gmt":"2013-11-05T11:50:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=200936"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=200936","title":{"rendered":"\u041f\u043e\u0440\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Sharepoint<\/span>"},"content":{"rendered":"
\t\t\t\u041f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u043e\u0441\u044c \u043c\u043d\u0435 \u043a\u0430\u043a \u0442\u043e \u0440\u0430\u0437, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u0440\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0431\u0435\u0437 PostBack \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u043f\u0440\u0438\u0447\u0435\u043c \u0441 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u043b\u0438 \u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430 Sharepoint. \u041e\u0431\u0440\u0430\u0442\u0438\u0432\u0448\u0438\u0441\u044c \u043a \u0432\u0435\u043b\u0438\u043a\u043e\u043c\u0443 Google \u043f\u0440\u0438\u0448\u0435\u043b \u043a \u0432\u044b\u0432\u043e\u0434\u0443, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442: REST Interface.
Client Object Model \u043d\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0441\u044f \u0432\u0432\u0438\u0434\u0443 \u0433\u0440\u043e\u043c\u043e\u0437\u0434\u043a\u043e\u0441\u0442\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u0431\u044b \u043a\u043e\u0434\u0430.
\u0414\u043b\u044f \u0431\u0438\u043d\u0434\u0438\u043d\u0433\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u044b\u043b\u043e \u0440\u0435\u0448\u0435\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Angular JS<\/a><\/p>\n

REST Interface <\/h4>\n

\u0421\u0435\u0440\u0432\u0438\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0441\u0440\u0430\u0437\u0443, \u043a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c\u0441\u044f, \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438, \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 http:\/\/{siteName}\/_vti_bin\/ListData.svc. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u043d \u043f\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0443 oData<\/a>(\u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0432\u0435\u0431-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 HTTP-\u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0442\u0432\u0435\u0442\u044b \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445 Atom, JSON \u0438\u043b\u0438 XML).<\/p>\n

\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c<\/h4>\n

\u0422\u0435\u0445. \u0437\u0430\u0434\u0430\u043d\u0438\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c: \u00ab\u041f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c n \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c. \u041f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u201e\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0449\u0435\u201c <\/i> \u0434\u043e\u0433\u0440\u0443\u0436\u0430\u044e\u0442\u0441\u044f \u0435\u0449\u0435 n \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u0415\u0441\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438\u0441\u044c, \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0438 \u043b\u0435\u043d\u0442\u044b \u0434\u0430\u043d\u043d\u044b\u0445\u00bb.
\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u0441\u043f\u0438\u0441\u043a\u0430\u0445 \u0438 \u0442\u0438\u043f\u0430\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 http:\/\/{siteName}\/_vti_bin\/ListData.svc\/$metadata\/ <\/i>
\u041f\u0438\u0448\u0435\u043c html \u043a\u0430\u0440\u043a\u0430\u0441 <\/p>\n

<SharePoint:ScriptLink ID="ScriptLinkAngular" runat="server" Name="SharePointProject\/js\/angular\/angular.js" Localizable="false"\/> <SharePoint:ScriptLink ID="ScriptLinkApp" runat="server" Name="SharePointProject\/js\/app.js" Localizable="false"\/> <div ng-app="testApp">    <div ng-controller="ListCtrl">       <div ng-repeat="item in JsonItems.items" style="margin-top: 10px;">          <pre> CustomTest: <b>{{item.CustomTest}}<\/b> <br\/>  CustomNumber: <b>{{item.CustomNumber}}<\/b><\/pre>       <\/div> <!-- \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043e\u0448\u0438\u0431\u043a\u0438 \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c -->       <div ng-show="JsonItems.showError" class="alert alert-danger" >{{JsonItems.error}}<\/div> <!-- \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 -->      <div ng-show="JsonItems.busy" class="alert alert-info" >Loading data...<\/div> <!-- \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0449\u0435 -->      <div ng-hide="JsonItems.busy" class="alert alert-success" ng-click="JsonItems.nextPage()" > Get more... <\/div>     <\/div> <\/div> <\/code><\/pre>\n
  JavaScript  <\/p>\n
var testApp = angular.module('testApp', []);  testApp.controller('ListCtrl', ListCtrl);  function ListCtrl($scope, $http, Items) { $scope.JsonItems= new Items(); $scope.JsonItems.nextPage(); }  testApp.factory('Items', function($http) {   var Items = function() {     this.items = [];     this.busy = false;     this.after = 0;     this.count=25;     this.showError= function () {     return this.error.length>0};     this.error="";   };  Items.prototype.nextPage = function() {    if (this.busy) return;     this.busy = true;     var url = "http:\/\/{siteName}\/_vti_bin\/ListData.svc\/Test?$skip=" + this.after + "&$top="+this.count +"&$orderby=CustomNumber&$select=CustomNumber,CustomTest"; $http({method: 'GET', url: url }).success(function(data)  {     var items = data.d;     if (items.length > 0){ \tfor (var i = 0; i < items.length; i++) {\t\t             this.items.push(items[i]);       }     else {             this.error = "No more data"         }       this.after += this.count;       this.busy = false;     } }.bind(this)).     error(function(data, status) {        this.error = "Error: " + data;        this.busy = false;    }.bind(this));   };   return Items; }); <\/code><\/pre>\n
  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0441\u0442\u0440\u043e\u043a\u0443   <\/p>\n
 var url = "http:\/\/{siteName}\/_vti_bin\/ListData.svc\/Test?$skip=" + this.after + "&$top="+this.count +"&$orderby=CustomNumber&$select=CustomNumber,CustomTest"; <\/code><\/pre>\n
  \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043e\u0442 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 json, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 2 \u043f\u043e\u043b\u044f CustomNumber \u0438 CustomTest (\u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0438\u0445 3, \u0441\u0435\u0440\u0432\u0438\u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0435\u0449\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 __metadata<\/i>\u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f url, \u0442\u0438\u043f \u0438 etag \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430). \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 n \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043e\u0442\u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u043f\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0443 CustomNumber. \u0415\u0441\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044e, \u0442\u043e \u0434\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, &$filter=CustomNumber gt 50. 
  \u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435<\/b>, \u0435\u0441\u043b\u0438 \u0441 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u043c \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b $skip \u0438\u043b\u0438 $top, \u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0443   <\/p>\n
var items = data.d; <\/code><\/pre>\n
  \u043d\u0430\u0434\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430 <\/p>\n
var items = data.d.results; <\/code><\/pre>\n
  <\/p>\n
\u0418\u0442\u043e\u0433\u043e<\/h4>\n
  REST Interface \u043e\u0431\u043b\u0430\u0434\u0430\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0433\u0438\u0431\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b. 
  \u0418\u0437 \u043c\u0438\u043d\u0443\u0441\u043e\u0432 \u044f \u0431\u044b \u0432\u044b\u0434\u0435\u043b\u0438\u043b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n