标签: kendo-editor

好吧,我真的没有更好的头衔,但这就是事情.我只需要改变我的剑道网格.这是它的图片.

这是代码.

@(Html.Kendo().Grid<TekstenViewModel.Tekst>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Template(@<text></text>).ClientTemplate("<input type='checkbox'/>").Width(10).Hidden(!Model.Administrator);

        columns.Bound(product => product.RESOURCE_SET_NAAM).ClientTemplate("#= RESOURCE_SET_NAAM#");

        columns.Bound(product => product.Naam).ClientTemplate("#= Naam#");

        columns.Bound(product => product.Waarde).ClientTemplate("<div id='editorDiv'><div class='input'>#=Waarde#</div><div class='editor'>" +
            Html.WebCore().LinkButton(type: ButtonType.Edit, htmlAttributes: new { onclick = "openPopupDemo('#: Waarde #', '#: ID #', 'Waarde')" }));

        columns.Bound(product => product.Opmerking).ClientTemplate("<div id='editorDiv'><div class='input'>#=Opmerking#</div><div class='editor'>" +
            Html.WebCore().LinkButton(type: ButtonType.Edit, htmlAttributes: new { onclick = "openPopupDemo('#: Opmerking #', '#: ID #', 'Opmerking')" }));

        columns.Template(@<text></text>).ClientTemplate("<div id='deleteDiv'><div class='delete'><a class=\"delete iconBtn\" onclick=\"deleteResourceItem(#: ID #, '#: Naam #')\"></a></div></div>").Width(10).Hidden(!Model.Administrator);
    })
    .Pageable()
    .Sortable()
    .Filterable()
    .Events(events => events.Edit("onCellEdit").DataBinding("onDataBinding"))
    .Groupable() …

我已经使用此代码尝试生成图像浏览器. http://www.telerik.com/forums/imagebrowser-with-images-from-database

我不知道从哪里获取文件夹图像？我在图像上找到了一个带有默认文件夹的图像:Content\kendo\2013.2.716\Default但我找不到它在哪里或者是否曾经使用它.

我不知道这是否也是我的问题.

你可以继续加载,文件夹图像永远不会显示.

我按照上面链接中的示例中的代码进行操作,这就是我最终的结果.当我添加一个文件夹时,它会将文件夹添加到数据库中,它还会添加图像.

当我添加图像时,它会按预期显示缩略图和文件名,但是当我重新加载页面时,我最终会得到与文件夹相同的结果.

这是我在读取文件时调用的代码:

  public JsonResult Read(string path)
    {
        var folders = imageBrowserRepository.Folders(path);

        var images = imageBrowserRepository.Images(path);

        return Json(folders.Concat(images));
    }



    public IEnumerable<ImageBrowserEntry> Folders(string path)
    {
        return Folders(GetFolderByPath(path));
    }

     public Folder GetFolderByPath(string path)
    {
        if (string.IsNullOrEmpty(path) || path == "/")
        {
            return GetRootFolder();
        }

        var name = GetFolderNames(path).Last().ToLower();

        if (!path.StartsWith("/"))
        {
            path = "/" + path;
        }

        path = NormalizePath(path, name);

        return travelContext.Folders.FirstOrDefault(f => f.Path.ToLower() == path && f.Name.ToLower() == name);
    }


    public Folder GetRootFolder()
    {
        return …

如何向kendo添加自定义工具editor toolbar？

我想添加拼写检查器,媒体管理器和剪切,复制,粘贴,剪切,单词复制和其他一些工具.

我在MVC应用程序中使用Kendo编辑器.

我试图修剪我从剑道编辑器得到的文本.

var html = "  T  "; // This sample text I get from Kendo editor
            console.log("Actual :" + html + ":");
            var text = "";
            try {
                // html decode
                var editorData = $('<div/>').html(html).text();
                text = editorData.trim();                    
                console.log("After trim :" + text + ":");
            }
            catch (e) {
                console.log("exception");
                text = html;
            }

此代码位于单独的js文件中(从typescript生成).当页面加载时,修剪不起作用.但是,当我在开发人员工具控制台窗口中运行相同的代码时,它的工 为什么不工作？

添加打字稿代码

 const html: string = $(selector).data("kendoEditor").value();
        console.log("Actual :" + html + ":");
        let text: string = "";
        try {
            // html decode
            var editorData …

我已经尝试过使用k-content-editable而且只是通用,data-ng-disabled但这些都不起作用.看一下文档,我甚至都不清楚有没有办法禁用控件.

我正在使用Kendo UI编辑器，并且想要选择哪种颜色将出现在字体和背景调色板中。另一个选择是让用户从自定义颜色选择器中进行选择。

我在论坛上找到了示例，但是它们都使用Kendo 2012的旧版本。最新版本的2016 R3不知道这样的定义：kendo.ui.editor.ColorPicker.fn.options.colors它说未定义：

未捕获的TypeError：无法读取未定义的属性'fn'

有没有办法做到这一点？我在论坛上查看并看到了这个答案，但这没有用。

  kendo.ui.editor.ColorPicker.fn.options.colors = ["c3c3c3", "b97a57", "ffaec9", "ffc90e", "efe4b0", "b5e61d", "99d9ea", "7092be", "c8bfe7"];