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

如何更改默认的编辑，删除，更新和取消按钮，并用我的图标替换按钮？KendoUI - 网格式默认编辑，删除，更新和取消按钮

我的命令代码：

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>" 
     } 
    ] 
}

来源

2014-11-04 lukisp

尝试这样，

这仅仅是剑道网格中添加按钮，

.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按钮图标。

来源

2014-11-04 09:37:51 Jaimin

我认为它只会改变按钮上的图标（可以改变整个应用程序中的这些按钮）。但是，如何从（更新，取消）按钮中删除文本？ – lukisp 2014-11-04 09:55:46

@lukisp查看我更新的代码。 – Jaimin 2014-11-04 10:00:46

我想在命令按钮中执行此操作（请参阅我的问题，我通过了我的代码）。我的网格中只有两个命令按钮（编辑和销毁）。他们更改为更新，取消编辑或创建模式。我想删除他们的标签。 – lukisp 2014-11-04 10:39:52

尝试定义以下样式：

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

你可能就缩小到您的网格，甚至在某些按钮。

这里检查它：http://jsfiddle.net/OnaBai/wv2x2uxv/1/

来源

2014-11-04 14:45:04 OnaBai

你可以通过CSS

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

来源

2014-11-28 10:52:01 Antonos

columns : [ 
{ title: "&nbsp;", width: "83px", template: "<a class='k-button' name='DeleteButton'><span class='k-icon k-i-x'></span>Delete</a>" } 
]

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

这个按钮可以被名称引用，或者如果你给它一个ID，它可以被引用。它不需要在命令内澄清。

来源

2017-03-22 16:08:51 ShudderPig

回答

相关问题