如何在kendo-UI调度程序中添加资源中的超链接

时间:2016-04-21 09:54:53

标签: kendo-ui kendo-scheduler

我设置了一个调度程序(时间轴视图),可以生成一个看起来像附加图像的界面。

[![scheduler_screenshot] [1] [1]

调度程序代码的资源部分如下所示:

, resources: [
        {
                field: "loca_ky"
                    , name: "Locations"
                    , dataSource: [
                        {text:"CHAR above entrance doors", value:1},
                        {text:"BELLIARD Passerelle", value:2},
                        {text:"BERL Schuman", value:3}
                    ]
                    , title: "Location"
                }
]

我希望用户能够找到更多关于位置的信息(例如,' CHAR在大门上方等),因此想要在文本周围提供超链接,或者可以添加带有超链接的图标。

我该怎么做?

对答案的回应

嗨Jayesh

重新。方法1.在脚本后添加新功能无法正常工作,因为我已经在使用'数据绑定'调度程序的节点作为函数。请参阅以下代码:

, dataBound: function(e) {
    // hide the times row from the date/time header:
    var view = this.view();
    view.datesHeader.find("tr:last").prev().hide();
    view.timesHeader.find("tr:last").prev().hide();

    // Switch the colour of the reservation depending on stat_ky
    $('div.k-event').removeClass('special-event'); // Remove the widget default colour.
    $('div.k-event').addClass('eventRequested'); // Add back the eventRequested colour, which we use for every stage up to BOOKED.
    e.sender._data.forEach(function(eventDetails) {
        if (eventDetails['stat_ky'] == 5) {
           // Switch the colour to eventAccepted for BOOKED requests (stat_ky=5).
           $('div.k-event[data-uid="'+eventDetails['uid']+'"]').addClass('eventAccepted');
        }
    });
}

我应该将您的代码放在此功能中吗?

对答案的回应,2

嗨Jayesh

是的,这确实很有效!

最后一个障碍。在您的示例中,这是资源的数据源:

dataSource: [
        { text: "Meeting Room 101", value: 1, color: "#6eb3fa" },
        { text: "Meeting Room 201", value: 2, color: "#f58a8a" }
    ],

你得到的文字'像这样使用element.html():

element.html("<a href='http://google.com/" + element.html() + "'>" + element.html() + "</a>");

如何参考&#39;值&#39;资源?

1 个答案:

答案 0 :(得分:1)

您可以通过使用以下两种不同的方法来实现这一目标。

方法1:手动将资源文本转换为超链接

 if ([[UIApplication sharedApplication]canOpenURL:[NSURL URLWithString:@"SomeKey://"]])
        {
            [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"SomeKey://"]];
        }
        else
        {
           // Can not open app ... open app store 
            [[UIApplication sharedApplication]openURL:[NSURL URLWithString:@"https://itunes.apple.com/my app page "]];
        }

方法2:使用模板

Demo

如果有任何疑虑,请告诉我。