Question

如何更改默认编辑，删除，更新和取消按钮，并用带有我的图标的按钮替换它们？

我的命令代码：

command: [
        {
            name: 'edit',
            template: "<a if-role-permission=\"['PERMISSION_WORKFLOW_DEFINITION_DELETE']\" class='k-grid-edit k-grid-update k-button'  style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-edit'></span></a>"
        },
        {
            name: 'destroy',
            template: "<a if-role-permission=\"['PERMISSION_WORKFLOW_DEFINITION_DELETE']\" class='k-grid-delete k-button'  style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-remove-circle'></span></a>"
        }
    ]
}

Answer 1

试试这个，

这仅适用于剑道网格添加按钮，

 .k-add
 {
  background: url("/Content/images/loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important      
 }

<强>网格

$("#grid").kendoGrid({
 toolbar: [{ name: "create", text: "Add" }],
 column:[{command:[ {
                     name: 'edit',
                     template: "<a if-role-permission=\"['PERMISSION_WORKFLOW_DEFINITION_DELETE']\" class='k-grid-edit k-grid-update k-button'  style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-edit'></span>update</a>"
                     },
                     {
                     name: 'destroy',
                     template: "<a if-role-permission=\"['PERMISSION_WORKFLOW_DEFINITION_DELETE']\" class='k-grid-delete k-button'  style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-remove-circle'></span>cancel</a>"
                     }]}]
});

注意：如果您执行此操作，则会影响所有grid add按钮图标。

Answer 2

尝试定义以下样式：

.k-button {
    min-width: 32px !important;
    padding: 0!important;
}

您可以将其缩小到网格甚至某些按钮。

在此处查看：http://jsfiddle.net/OnaBai/wv2x2uxv/1/

Answer 3

你可以通过css隐藏文字

.k-grid tbody .k-button {
   min-width: 12px;
   width: 27px;
   height: 27px;
   overflow: hidden;
}

Answer 4

#!/usr/bin/ksh

used_memory=`svmon -G | head -2|tail -1| awk {'print $3'}`
used_memory=`expr $um / 256`

total_memory=`lsattr -El sys0 -a realmem | awk {'print $2'}`
total_memory=`expr $tm / 1024`

free_memory=`expr $tm - $um`

这将给出一个可以有任何措辞的按钮（在span标签之间放置文本），给出的图标是kix，这是Telerik的删除按钮图标...你可以找到更多here。

然后可以按名称引用此按钮，或者如果您为其指定ID，则可以引用该按钮。它并不需要在命令范围内澄清。

KendoUI - 网格式默认编辑，删除，更新和取消按钮

4 个答案: