如何将数据(采用JSON格式)从本地数据库绑定到Kendo UI Scheduler?

时间:2015-07-08 12:23:33

标签: javascript jquery json kendo-ui kendo-scheduler

在做了一些Kendo UI框架之后,我在使用其中一个小部件时遇到了问题。我对框架只有一个基本的了解,这甚至是我在StackOverflow中的第一个问题,所以......请让我免去"高级"如果可能的答案。

所以,这就是事情:

我想使用Scheduler小部件使用JSON文件中的数据创建时间轴月视图。我计划使用的数据(采用JSON格式)来自SQL Server数据库,该数据库在客户端通过连接到Web服务的Ajax调用进行调用。样品:

Params.type = 'GET';
Params.url = 'LoremIpsum-YeahDomainService.svc/JSON/GetPeople';
Params.dataType = 'json'

要知道Web服务是否正常工作,我尝试将数据库中的信息检索到Kendo DropDownList,一切正常。我做了这个剧本:

var getPeople;
getPeople = data.GetPeopleResult.RootResults;
var listPeople = [];
getPeople.forEach(function(person){
   var newelement = { 'Name': person.Name, 'value': i, 'color': '#808080' };
   listPeople.push(newelement);
});

执行该脚本后,我使用了以下脚本:

$("#dropdownlist").kendoDropDownList({
  dataTextField: "Name",
  dataValueField: "value",
  dataSource: new kendo.data.DataSource ( { listPeople } )
});

按计划,我获得了我想在浏览器中看到的所有数据。

因此,现在我想为Kendo Scheduler制作一个时间轴月视图的脚本,如this一个没有"会议室"部分,我想要从数据库中调用的人的名字。

就像使用DropDownList一样,如果我有30或300个人名,则无关紧要。调度程序中的人员可能是静态的,因为数据库将经常更新。简而言之,必须从数据库中动态提供调度程序中显示的人员名称。

我已经使用了Kendo UI Scheduler文档中的多个脚本,因为我的所有小部件脚本都基于他们的示例,但到目前为止,还没有任何结果。

根据时间轴月视图的Kendo UI文档中提供的示例,我调整了一些脚本,例如:

dataSource: {
   batch: true
   transport: {
      read: {
         url: "http://localhost:50379/LoremImpsum-YeahDomainService.svc/json/GetPeople",
         dataType: "json"

group: {
   resources: ["People"],
   orientation: "vertical"

此外,与Scheduler脚本相关,基于Telerik网站上提供的示例,我做了一个脚本,可以从数据库中获取人员名称。这是:

var result = [];
result[0] = { text: "+getPeople[0]+", value: "1", color: "green" }";

for(i=1; i<getPeople.length(); i++){
   resultado[i] = ", { text: "+getPeople[i]+"value: "+(i+1)+", color: "green";
   i=i+1;
});

考虑到这个脚本,我的想法是在Scheduler小部件的resources部分调用该数组,如下所示:

resources: [
   {
      field: "people",
      name: "People",
      dataSource: [ data: getPeople
        ]
]

任何想法或想法?

P.S。

我还使用Kendo UI Dojo创建了一些基于Kendo文档的脚本,您可以看到我需要的视图类型there

0 个答案:

没有答案