在做了一些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。