Kendo-prompt: вы можете изменить всплывающее окно Kendo для отображения текстовой области вместо <input> - PullRequest
0 голосов
/ 17 апреля 2019

Я пытаюсь создать диалоговое окно с приглашением кендо, которое может содержать большой текст длиной до 200 символов.

Приглашения кендо предустановлены с полем <input>. Как я могу изменить его с ввода на textarea?

Ответы [ 3 ]

1 голос
/ 23 апреля 2019

Да, вы можете, но вы должны немного взломать.

Я хотел использовать поле подсказки Kendo для ввода универсального поля «комментарии», а ввод стандартного текста был неоптимальным из-за размера моего поля комментариев, 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.");
    });
}

Вам нужно будет скрыть обычный элемент ввода текстапо умолчанию используется этот виджет, в противном случае вы увидите ввод текста над текстовым вводом.

В CSS:

.k-prompt-container .k-textbox {
     display: none;
 }
0 голосов
/ 18 апреля 2019

Да, вы можете.Вот пример с древовидной структурой вместо обычного ввода текста

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

В этом примере свойство content: делает свое дело.

0 голосов
/ 17 апреля 2019

Вы не можете.Вы должны создать свой собственный диалог и предоставить текстовую область самостоятельно.Сочетание клавиш kendo.prompt() должно быть максимально простым, здесь нет места для настроек.

Кроме того: Вполне возможно ввести более 200 символов.Это не очень приятно на входе, но возможно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...