Kendo ui 剑道UI甘特图-自定义任务编辑模板

Kendo ui 剑道UI甘特图-自定义任务编辑模板,kendo-ui,telerik,gantt-chart,kendo-gantt,Kendo Ui,Telerik,Gantt Chart,Kendo Gantt,我使用以下示例为任务创建了自定义模板: 编辑会议 标题: 开始: 完: 现在我需要添加一个“资源-分配”按钮,就像本例中的按钮(编辑任务表单): 我需要做什么来创建此按钮?我找不到甘特图控件这一部分的任何API文档。完成此操作需要几个步骤。 首先,在剑道模板中添加如下内容: <div> <label for='resources'>Resources:</label> <div class='k-gantt-resources' styl

我使用以下示例为任务创建了自定义模板:


编辑会议
标题:

开始:

完:

现在我需要添加一个“资源-分配”按钮,就像本例中的按钮(编辑任务表单):


我需要做什么来创建此按钮?我找不到甘特图控件这一部分的任何API文档。

完成此操作需要几个步骤。 首先,在剑道模板中添加如下内容:

<div>
  <label for='resources'>Resources:</label>
  <div class='k-gantt-resources' style='display: none;'>
  </div>
  <div class='k-edit-field' data-container-for='resources'>
    <a class='k-button' href='\\#'>Assign</a>
  </div>
</div>
最后,您需要创建上面引用的两个处理程序。您基本上是截取默认功能并自己打开弹出窗口,然后在完成时保存结果(如果结果被修改)


我很高兴你问了这个问题,因为这也是我需要知道的,你是对的,Telerik/Kendo文档没有提到如何做到这一点

要做到这一点,需要几个步骤。 首先,在剑道模板中添加如下内容:

<div>
  <label for='resources'>Resources:</label>
  <div class='k-gantt-resources' style='display: none;'>
  </div>
  <div class='k-edit-field' data-container-for='resources'>
    <a class='k-button' href='\\#'>Assign</a>
  </div>
</div>
最后,您需要创建上面引用的两个处理程序。您基本上是截取默认功能并自己打开弹出窗口,然后在完成时保存结果(如果结果被修改)


我很高兴你问了这个问题,因为这也是我需要知道的,你是对的,Telerik/Kendo文档没有提到如何做到这一点

多谢各位!你救了我一天。在网络中找不到有关_createResourceEditor或_updateAssignments函数的任何信息。你是怎么找到他们的?你能推荐一些工具吗?我翻遍了剑道库文件,找到了一些信息,但老实说,我不得不去Telerik支持中心寻求其他答案。我是Telerik Devcraft的付费用户,所以我得到了他们的技术支持。不确定您是使用免费版还是付费版,但如果您有选择,他们的支持非常好,他们会在24小时内回复您。非常感谢!你救了我一天。在网络中找不到有关_createResourceEditor或_updateAssignments函数的任何信息。你是怎么找到他们的?你能推荐一些工具吗?我翻遍了剑道库文件,找到了一些信息,但老实说,我不得不去Telerik支持中心寻求其他答案。我是Telerik Devcraft的付费用户,所以我得到了他们的技术支持。不确定您是使用免费版还是付费版,但如果您有选择权,他们的支持非常好,他们会在24小时内回复您。
edit: editHandler,
save: saveHandler
var resoucesdEdited = false;

function editHandler(e)
{
    var gantt = e.sender;
    resoucesdEdited = false;

    if (e.task)
    {
        e.container.on('click', 'div[data-container-for="resources"] > a', function (event)
        {
            event.preventDefault();
            resoucesdEdited = true;
            gantt._createResourceEditor(e.container.find('div.k-gantt-resources'), e.task);
        });
    }
}

function saveHandler(e)
{
    if (e.task && resoucesdEdited)
    {
        this._updateAssignments(e.task.get("id"), e.task.get(this.resources.field));
    }
}