我在一个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样式,删除导致问题的错误,并以不同的方式添加所述错误。
1条答案
按热度按时间3wabscal1#
若要解决此问题,请删除下面提到的行。如果问题仍然存在,您可以通过逐个删除列表组件中的属性进行检查。
字符串
样本:https://stackblitz.com/edit/drop-down-list-frxfxv?file=src%2Fapp.component.ts,package.json,src%2Fapp.module.ts,index.html