如何根据资源利用Kendo调度程序中的Whitespace?

发布于 2025-02-11 07:39:28 字数 1358 浏览 0 评论 0 原文

我正在研究Telerik(jQuery ui) dataSource 绑定到调度程序的具有会议室101 的资源。如该演示所示,其宽度很大,并且包含许多可能包含其他功能的空白。

当前,整个文档中,我只能看到一种添加资源并将其附加到他人的方法,即:

resources: [
    {
        field: "roomId",
        name: "Rooms",
        dataSource: [
            { text: "Meeting Room 101", value: 1, color: "#2572c0" },
            { text: "Meeting Room 201", value: 2, color: "#f8a398" }
        ],
        title: "Room"
    },
    {
        field: "attendees",
        name: "Attendees",
        dataSource: [
            { text: "Alex", value: 1 },
            { text: "Bob", value: 2 },
            { text: "Charlie", value: 3 }
        ],
        multiple: true,
        title: "Attendees"
    }
]

现在,会议室N和Alex/Bob/Charlie都包含大量的白色空间。将html添加到文本 ie: {text:“会议室101< div class ='someStractracontent'></gt;/div>'' } 是不可能的。事实上,它会导致这样的东西:

“

html逃到文本的地方。是否可以在不覆盖Kendo的情况下利用此空格? OFC,上述解决方案是因为它会产生可怕的搜索结果。

是否可以建议我如何利用此范围的其他内容?

I'm looking into Telerik (JQuery UI) documentation on the Scheduler component they offer. The dataSource bound to the scheduler has a resource of Meeting Room 101. As seen in this demo, the width of this is extensive and contains much white space that could contain additional features.

Currently, through-out the documentation, I can only see one way to add resource and attach them to others, that being:

resources: [
    {
        field: "roomId",
        name: "Rooms",
        dataSource: [
            { text: "Meeting Room 101", value: 1, color: "#2572c0" },
            { text: "Meeting Room 201", value: 2, color: "#f8a398" }
        ],
        title: "Room"
    },
    {
        field: "attendees",
        name: "Attendees",
        dataSource: [
            { text: "Alex", value: 1 },
            { text: "Bob", value: 2 },
            { text: "Charlie", value: 3 }
        ],
        multiple: true,
        title: "Attendees"
    }
]

Now, both the Meeting Room n and Alex/Bob/Charlie contains mass white space. Adding HTML into the text ie: { text: "Meeting Room 101 <div class='someExtraContent'></div>" } is not possible. In-fact, it results in something like this:

Kendo Dojo

Where the HTML is escaped to text. Is it possible to utilise this whitespace without overriding Kendo? Ofc, the solution above is as it would yield horrible search results.

Can any advise on how I can utilise this whitespace with additional content?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

烦人精 2025-02-18 07:39:28

好的,所以在提出票后,可以通过模板进行操作,可以在此处的文档中找到:

从这里,您可以将其他内容添加到名称的模板中。

Ok, so after raising a ticket, this is possible through templating and can be found in the documentation here: https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/group?&_ga=2.60294062.244228060.1657095422-1203569827.1645623560#groupheadertemplate

From here, you can add additional content to the template of the name.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文