typescript 添加新事件后,无法选择要键入的文本框

pkln4tw6  于 12个月前  发布在  TypeScript
关注(0)|答案(1)|浏览(166)

我在一个Angular应用程序中使用Syncfusion。在我创建一个事件后,我不能再编辑事件编辑器中的任何字段,除非我点击我手动添加的事件。我将添加我用来添加事件的代码。
以下是一些需要注意的事项:

  • 我用正确的参数调用syncfusion的openEditor
  • 我已经确保两个编辑不会突然出现。
  • 我仔细检查了CSS属性,确保文本框已启用。
  • 我可以使用tab将光标放在文本框上,并可以在那里编辑值。保存也可以在这里工作。
  • 只有非文本项目是可编辑的。我可以点击日期选择器,颜色选择器等。只是文本,我不能点击。

奇怪的是,我以同样的方式添加了多选下拉菜单,我不需要点击这些下拉菜单,然后获得编辑其他字段的权限。

// Driller
      let drillerElement: HTMLInputElement = args.element.querySelector(
        "#drillerInput"
      ) as HTMLInputElement;

      if (!drillerElement.classList.contains("e-dropdown")) {
        this.drillerDropdown = new DropDownList({
          placeholder: "Choose driller",
          value: eventData.UserResponsibleID,
          dataSource: this.peopleResources,
          fields: { text: "ResourceName", value: "UserID" },
          floatLabelType: "Auto",
        });

        this.drillerDropdown.query = this.getQueryForResources(
          this.getListOfAvailablePeople(
            eventData["StartTime"],
            eventData["EndTime"],
            eventData
          )
        );

        this.drillerDropdown.dataBind();
        this.drillerDropdown.appendTo(drillerElement);
        drillerElement.setAttribute("name", "UserResponsibleID");

        // Handle the change event to update the UserResponsibleID
        this.drillerDropdown.change = (args) => {
          eventData.UserResponsibleID = this.drillerDropdown.value as number;
        };
      }

字符串
我已经尝试更改对openEditor的调用,检查CSS样式,删除导致问题的错误,并以不同的方式添加所述错误。

3wabscal

3wabscal1#

若要解决此问题,请删除下面提到的行。如果问题仍然存在,您可以通过逐个删除列表组件中的属性进行检查。

this.drillerDropdown.query = this.getQueryForResources(
this.getListOfAvailablePeople(eventData["StartTime"], eventData["EndTime"],eventData));

字符串

样本:https://stackblitz.com/edit/drop-down-list-frxfxv?file=src%2Fapp.component.ts,package.json,src%2Fapp.module.ts,index.html

相关问题