剑道提示:是否可以更改剑道提示弹出窗口以显示文本区域而不是<input />

时间:2019-04-17 17:47:40

标签: kendo-ui

我正在尝试创建一个kendo提示对话框,该对话框可以包含200个字符的大文本。

<input>框预定义了剑道提示。如何将其从输入更改为文本区域?

3 个答案:

答案 0 :(得分:0)

可以。这是一个用树视图代替普通文本输入的示例

https://demos.telerik.com/kendo-ui/dialog/treeview-integration.

在此示例中,属性 content:可以解决问题。

答案 1 :(得分:0)

是的,可以,但是您需要稍微修改一下。

我想使用Kendo Prompt(剑道提示)框输入通用的“ comments”(注释)字段,由于注释字段的大小(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;
 }

答案 2 :(得分:-1)

不能。您必须创建自己的对话框并自己提供文本区域。快捷键kendo.prompt()尽可能简单,没有自定义空间。

此外:完全可以输入200个以上的字符。输入不是很好,但是可能。