繁体   English   中英

将kendo网格DataSourceRequest从javascript传递到ASP.NET

[英]pass kendo grid DataSourceRequest from javascript to ASP.NET

如果我将dataSource传输声明为url,则我使用kendo ui网格(对于asp.net mvc)没有问题,例如:

var dataSource = {
   pageSize: 20,
   batch: true,
   serverOperation: true,
   serverPaging: true,
   serverSorting: true,
   serverFiltering: true,
   type: "aspnetmvc-ajax",
   transport:
   {
      read:
      {
         url: '/Home/GetNodes',
         type: "POST",
         dataType: "json",
         data: function ()
         {
            return {'p1': 'some text', 'p2': 'other'}
         }
      }
   }
};

现在的问题是,我想使用功能模式读取(这是软件设计要求),但是用于将请求参数传递给服务器的正弦码与使用传输类型“ aspnetmvc-ajax”不同。 如果我设置传输类型为“ aspnetmvc-ajax”,则不会触发读取功能,但是如果未设置传输类型为“ aspnetmvc-ajax”,则请求参数不会在服务器端正确传递!

如果我看通过http发送的发布参数:

传输类型为“ aspnetmvc-ajax”:

page:1
pageSize:20
sort:Field1-asc
filter:Field1~eq~'value1'

没有传输类型“ aspnetmvc-ajax”:

page:1
pageSize:20
sort:[{field:Field1, dir:asc}]
filter:{filters:[{operator:eq, value:value1, field:Field1}], logic:and}

sort和filter值参数不同于“ aspnetmvc-ajax”版本,服务器端为null!

作为解决方法,我手动解析了parameterMap内的请求参数,如底部所示,翻译排序和筛选器值sintax符合“ aspnetmvc-ajax”版本,并且服务器端传递得很好。

  • 有最好的解决方案吗?
  • 为什么如果我使用“ aspnetmvc-ajax”传输类型,则不调用读取功能?
  • 如果使用读取功能的唯一解决方案是避免使用“ aspnetmvc-ajax”传输类型,是否有一种标准的方式来格式化请求参数以供DataSourceRequest对象在服务器端使用?

谢谢

直觉上我的解决方法是:

var dataSource = {
   pageSize: 20,
   batch: true,
   serverOperation: true,
   serverPaging: true,
   serverSorting: true,
   serverFiltering: true,
   transport:
   {
      read: function (options)
      {
         var request = $scope.grdDocuments.dataSource.transport.parameterMap({
             filter: $scope.grdDocuments.dataSource.filter(),
             group: $scope.grdDocuments.dataSource.group(),
             sort: $scope.grdDocuments.dataSource.sort(),
             page: $scope.grdDocuments.dataSource.page(),
             pageSize: $scope.grdDocuments.dataSource.pageSize()
         });

         httpService.GetNodes(request.filter, request.group, request.sort, request.page,    request.pageSize, sFolderId, ... other parameters)
         .then(
         function (args)
         {
             //Verifica esito della richiesta http
             if (!sharedService.CheckHttpRequestResult(args, 'GetNodes'))
             {
                 options.error(null);
                 return;
             }

             options.success(args.data);
         }
         );
      },
      parameterMap: function (data, operation)
      {
         //Trasformazione parametro filter
         if (typeof data.filter !== 'undefined')
         {
            //normale: {filters:[{operator:eq, value:a, field:Affidatario}], logic:and}
            //trasformato: Affidatario~eq~'a'
            var filter = '';
            for (var i = 0; i < data.filter.filters.length; i++)
            {
               if (filter !== '')
                  filter += '~' + data.filter.logic + '~';

               var fieldValue = "'" + data.filter.filters[i].value + "'";

               //Formattazione valore in base al formato della colonna
               var found = model.fields[data.filter.filters[i].field];
               if (typeof found !== 'undefined')
               {
                  if (found.type === 'number')
                     fieldValue = data.filter.filters[i].value;
                  else if (found.type === 'date')
                     fieldValue = "datetime'" + data.filter.filters[i].value.format('Y-m-d') + "T00-00-00'";
               }

               filter += data.filter.filters[i].field + '~' + data.filter.filters[i].operator + '~' + fieldValue;
            }
            data.filter = filter;
         }

         //Trasformazione parametro sort
         if (typeof data.sort !== 'undefined')
         {
            //normale: [{field:Anno, dir:asc}]
            //trasformato: Anno-asc
            var sort = '';
            for (var i = 0; i < data.sort.length; i++)
            {
               if (sort !== '')
                  sort += '~';

               sort += data.sort[i].field + '-' + data.sort[i].dir;
            }
            data.sort = sort;
         }

         var result = JSON.parse(JSON.stringify(data));
         return result;
      }
   }
};

服务器端:

public JsonResult GetNodes([DataSourceRequest]DataSourceRequest request, string sFolderId, ... other parameters)
{

}

以防万一有人像我今天一样偶然发现这篇文章。 这可能对您有帮助

对我来说,答案是线

var data = kendo.data.transports["aspnetmvc-ajax"].prototype.options.parameterMap.call(this, optionsData.data, "read", false);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM