c# – Kendo Grid自定义操作按钮图标

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了c# – Kendo Grid自定义操作按钮图标，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1656字，纯文字阅读大概需要3分钟。

内容图文

好的,这让我疯了.

我有一个带有几个自定义工具栏项的Kendo UI网格控件.同一个工具栏还有一些“内置”命令(导出到Excel,导出为PDF)

所有工作都按设计工作,但……内置命令呈现为左侧带图标的按钮.对于我的生活,我无法弄清楚我需要做些什么来使我的自定义工具栏项具有与内置命令相同的外观和感觉,即在按钮的文本左侧具有指定的图标.

此外,自定义按钮呈现为锚链接,而内置命令呈现为按钮.

我不想用模板替换整个工具栏(它基本上是为内置函数重新发明轮子)但我希望我的自定义命令看起来像内置命令一样呈现.

有办法做到这一点吗？我已经花了太多时间在这件事上似乎应该很简单.

我尝试过的：

我已经尝试使自定义命令的HtmlAttributes具有k-icon,k-plus和k-refresh的各种排列类…不幸的是,因为这些渲染为锚点而不是按钮,库不会渲染图标在包含的span元素中.

我们似乎也无法将模板应用于单个命令,这非常令人沮丧,因此我无法手动构造这些命令,使其看起来与内置命令类似.

        .ToolBar(tb =>
            {
                tb.Custom().Action("Create", "Cycle").Text("Create New Cycle").HtmlAttributes(new {@class = "k-plus"});
                tb.Custom().Name("update-inventory").Text("Update Inventory").HtmlAttributes(
                    new {onclick = "onUpdateInventory()", title = "Update the system inventory from the OMS", @class="k-refresh"});
                tb.Excel();
                tb.Pdf();
            })

必须有一个简单的解决方案……不存在吗？

解决方法:

我在一段时间后遇到了同样的问题,从我在论坛上收集的内容来看,模板似乎是要走的路.但您可以使用剑道菜单或剑道按钮小部件使其看起来光滑：

.ToolBar(toolbar =>
    {
        toolbar.Template(
            @<text>
            @*Menu*@
            <div>
                @(Html.Kendo().Menu().Name("Toolbar").Items(items =>
                {
                    items.Add().Text("Add").ImageUrl(Url.Content("image.png"));
                }))
            </div>

            @*or Button*@
            <div>
                @(Html.Kendo().Button()
                    .Name("iconButton")
                    .HtmlAttributes( new {type = "button"} )
                    .SpriteCssClass("k-icon k-i-ungroup")
                    .Content("Sprite icon"))
            </div>
            </text>);
    })

内容总结

以上是互联网集市为您收集整理的c# – Kendo Grid自定义操作按钮图标全部内容，希望文章能够帮你解决c# – Kendo Grid自定义操作按钮图标所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端