ASP.Net Zero and Telerik ASP.MVC Kendo UI #1017

9 Answer(s)

• 

  0

  hikalkan created 8 years ago

  Support Team

  Hi,

  We have no that experience wit Telerik. But you can use any 3rd party library within AspNet Zero normally. What type of conflicts did you see?

  Save Cancel
• 

  0

  paddyfink created 8 years ago

  Hello, I'm using kendo ui with ABP.

  If you have a SPA application, don't use kendo asp.mvc wrapper but kendo ui angular directives

  Save Cancel
• 

  0

  moustafa created 8 years ago

  <cite>Paddyfink: </cite> Hello, I'm using kendo ui with ABP.

  If you have a SPA application, don't use kendo asp.mvc wrapper but kendo ui angular directives

  Actually i tried to use kendo ui angular directives but i faced a problem related to json format as the json returned by ASPNETZERO not match the json format expected from Kendo ui , can you please help me with that issue

  Save Cancel
• 

  0

  iamnish created 8 years ago

  show the format by abp and required format

  Save Cancel
• 

  0

  moustafa created 8 years ago

  formate required by kendo ui [http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers?$callback=jQuery112302619818966497245_1462638475848&%24inlinecount=allpages&%24format=json])

  for abp i can't display the format provided by ABP web api services but i use Odata to accomplish the task

  i hope that help

  Save Cancel
• 

  0

  paddyfink created 8 years ago

  It's because ABP wrap json into a specific format. This might help you : #370@f1d4b2e2-93ef-48a1-aeae-a20aa6cb9fc6

  A exemple of one of my implementation with angular :

  Html :

  <select class="" name="Tags" kendo-multi-select k-options="vm.selectOptions" k-ng-model="vm.tagfilter" k-on-change="changeTagFilter()"></select>
  

  Javascript :

  vm.selectOptions = {
                  dataTextField: "title",
                  autoBind: false,
                  dataValueField: "id",
                  placeholder:"Tags",
                  filter: "contains",
                  dataSource: {
                      type: "json",
                      "transport": {
                          read: {
                              url: "/api/services/app/tag/getTags"
                          }
                      },
                      schema: {
                          data: "result"
                      }
                  }
              };
  

  Save Cancel
• 

  0

  iamnish created 8 years ago

  use data annotations [DontWrapResult] in ur controller then it will not wrap the result .

  hope it helps

  Save Cancel
• 

  0

  soulmate created 8 years ago

  Hi, The attribute does not seem to help very much. I copied my controller from a working version of another project. My method returns: [{"Name":"Germany","Id":2}]

  However, the same method with the DontWrapResult returns {"Items":[{"Name":"Germany","Id":2}]}

  Save Cancel
• 

  0

  soulmate created 8 years ago

  Nevermind, I fixed it.

  My code was

  [System.Web.Http.HttpGet]
          [DontWrapResult]
          public async Task<ActionResult> Get()
          {
              var countrys = await _countryAppService.GetAllAsync();
  
              return Json(countrys, JsonRequestBehavior.AllowGet);
          }
  

  However, because countrys is of type ListResultOutput<CountryViewModel> I need to change it to:

  [System.Web.Http.HttpGet]
          [DontWrapResult]
          public async Task<ActionResult> Get()
          {
              var countrys = await _countryAppService.GetAllAsync();
  
              return Json(countrys.Items, JsonRequestBehavior.AllowGet);
          }
  

  Save Cancel