Kendo Grid내 Editor를 Function 함수로 불러 오는 방법입니다.
$("grid").kendoGrid({Columns : [{ field: "필드이름", title: "타이틀 이름", editor: Editor } }] })
function Editor(container, options) {
$('<textarea id="editor" data-bind="value: ' + options.field + '"></textarea>').appendTo(container);
var editor = $("#editor").kendoEditor({
stylesheets: [
"wwwroot/content/shared/styles/editor.css",
],
tools: [
"bold",
"italic",
"underline",
"undo",
"redo",
"justifyLeft",
"justifyCenter",
"justifyRight",
"insertUnorderedList",
"createLink",
"unlink",
"insertImage",
"tableWizard",
"createTable",
"addRowAbove",
"addRowBelow",
"addColumnLeft",
"addColumnRight",
"deleteRow",
"deleteColumn",
"mergeCellsHorizontally",
"mergeCellsVertically",
"splitCellHorizontally",
"splitCellVertically",
"tableAlignLeft",
"tableAlignCenter",
"tableAlignRight",
"formatting",
{
name: "fontName",
items: [
{ text: "Andale Mono", value: "\"Andale Mono\"" }, // Font-family names composed of several words should be wrapped in \" \"
{ text: "Arial", value: "Arial" },
{ text: "Arial Black", value: "\"Arial Black\"" },
{ text: "Book Antiqua", value: "\"Book Antiqua\"" },
{ text: "Comic Sans MS", value: "\"Comic Sans MS\"" },
{ text: "Courier New", value: "\"Courier New\"" },
{ text: "Georgia", value: "Georgia" },
{ text: "Helvetica", value: "Helvetica" },
{ text: "Impact", value: "Impact" },
{ text: "Symbol", value: "Symbol" },
{ text: "Tahoma", value: "Tahoma" },
{ text: "Terminal", value: "Terminal" },
{ text: "Times New Roman", value: "\"Times New Roman\"" },
{ text: "Trebuchet MS", value: "\"Trebuchet MS\"" },
{ text: "Verdana", value: "Verdana" },
]
},
"fontSize",
"foreColor",
"backColor",
]
});
};