0

我真的希望并祈祷你能帮助我，因为我没有太多运气试图自己解决问题。

我正在尝试使用 Devextreme 创建一个应用程序

我的代码如下所示 - db.js

(function () {
   var dbImpl = {
       url: 'http://localhost/service/GetCustomers';,
       _sendRequest: function (type, params) {
           var deferred = new $.Deferred();
           var requestSettings = {
               url: $.trim(dbImpl.url),
               type: type,
               dataType: 'json',
               success: function (data) {
                   deferred.resolve(data);
               },
               error: function (jqXHR, textStatus, errorThrown) {
                   deferred.reject();
               }
           };
           if (params) {
               if (type == 'DELETE') {
                   if (requestSettings.url[requestSettings.url.lebgth - 1] != '/')
                       requestSettings.url += '/';
                   requestSettings.url += params.toString();
               }
               else
                   requestSettings.data = params;
           }
           $.ajax(requestSettings);
           return deferred;
       },
       load: function (loadOptions) {
           var params = {
               filterOptions: JSON.stringify(loadOptions.filter),   //Getting filter options
               sortOptions: loadOptions.sort ? JSON.stringify(loadOptions.sort) : null,  //Getting sort options

               //skip and take are used for paging
               skip: loadOptions.skip, //A number of records that should be skipped
               take: loadOptions.take //A number of records that should be taken
           };
           return dbImpl._sendRequest('GET', params);
       },
       totalCount: function (loadOptions) {
           var params = {
               filterOptions: JSON.stringify(loadOptions.filter)   //Getting filter options
           };
           var def = $.Deferred();
           dbImpl._sendRequest('GET', params).done(function (result) {
               def.resolve(result.length);
           })
           .fail(function (jqXHR, textStatus, errorThrown) {
               def.reject();
           });
           return def.promise();
       },
       insert: function (values) {
           return dbImpl._sendRequest('POST', values);
       },
       update: function (key, values) {
           var params = $.extend({}, values);
           params[dbImpl.key] = key;
           return dbImpl._sendRequest('PUT', params);
       },
       remove: function (key) {
           return dbImpl._sendRequest('DELETE', key);
       }
   };
   UmbrellaMobile.db = new DevExpress.data.CustomStore(dbImpl);
})();

客户.js：

UmbrellaMobile.Customer = function (params) {

   var viewModel = {
       gridSettings: {
           dataSource: UmbrellaMobile.db,
           columns: [
               {
                   dataField: 'Code',
                   allowEditing: false

               },
               {
                   dataField: 'Name'
               }
           ],
           paging: {
               enabled: true,
               pageSize: 3
           },
           editing: {
               editEnabled: true,
               insertEnabled: true,
               removeEnabled: true
           },
           filterRow: {
               visible: true
           },
           groupPanel: {
               visible: true
           },
           remoteOperations: {
               filtering: true,
               paging: true,
               sorting: true
           }
       }
   };

   return viewModel;
};

客户.dxView：

<div data-options="dxView : { name: 'Customer', title: 'Customer' } " >
   <div  data-options="dxContent : { targetPlaceholder: 'content' } " >

 <div data-bind="dxDataGrid: gridSettings"></div>

       </div>
</div>

我的服务看起来像：

界面 - ：

 <OperationContract()> _
      <WebInvoke(Method:="GET", BodyStyle:=WebMessageBodyStyle.Bare, ResponseFormat:=WebMessageFormat.Json, UriTemplate:="GetCustomers")> _
   Function GetCustomers() As Customers

服务.vb：

   Function GetCustomers() As Customers Implements IUmbrellaMobileService.GetCustomers

       Try
           Dim Cust As New Customers

....

Return Cust

服务返回{"Code":"001","Name":"rainbow"}

我的应用程序没有显示我的任何 json 数据，我不知道如何将两者连接起来。经过大量研究，我终于设法整理出我的服务，现在我需要在我的应用程序中显示来自服务的数据。我已经尝试了数百万种不同的选择，但我所走的任何一条路线都不是正确的。

基本上，我只需要知道如何将 jquery 与从我的服务返回的数据连接起来。任何人都可以帮忙吗？

任何建议将被认真考虑

4

0 回答 0