我正在尝试创建一个剑道提示对话框,它可以包含 200 个字符的大文本。
剑道提示是用一个<input>框预定义的。如何将其从输入更改为文本区域?
是的,你可以,但你必须稍微破解一下。
我想使用剑道提示框来输入一个通用的“评论”字段,但由于我的评论字段的大小为 250 字节,股票文本输入并不是最佳的。
这就是我的做法。
在我的 JavaScript 文件中,我将提示定义为:
function editComments(comments) {
return $("<div></div>").kendoPrompt({
title: 'Image Comments',
value: comments,
content: "<textarea class='k-textbox editComments' maxlength='250'>" + comments + "</textarea>",
}).data("kendoPrompt").open().result;
}
然后,当用户按下我的评论按钮时,我会像这样执行小部件:
if (buttonActionType === 'Comments') {
var comments = clickedItem[0].children[1].innerText;
window.editComments(comments).then(function (data) {
console.log(data);
}, function () {
alert("Cancel entering value.");
});
}
您将需要隐藏此小部件默认使用的常规文本输入元素,否则您将在文本输入上方看到 textarea 输入。
在 CSS 中:
.k-prompt-container .k-textbox {
display: none;
}
是的你可以。这是一个带有树视图而不是普通文本输入的示例
https://demos.telerik.com/kendo-ui/dialog/treeview-integration.
在此示例中,属性content:可以解决问题。
你不能。您必须创建自己的对话框并自己提供文本区域。该快捷方式kendo.prompt()旨在尽可能简单,没有自定义空间。
此外:完全可以输入200多个字符。输入不是很好,但可能。