自定义剑道网格中的每个按钮
自定义剑道网格中的每个按钮
提问于 2018-03-08 15:25:15
我有一个剑道网格与自定义按钮在行的末尾。这是通过以下方式完成的：
<div class="demo-section k-content" style="float: right">
<button id="textButton" style="margin: 5px;">Open WFR</button>
<button id="textButton_remind" style="margin-left: 5px;">Remind Me</button>
</div>
columns: [
{
field: "WFR", title: "WFR", filterable: {
cell: {
operator: "contains",
suggestionOperator: "contains"
}
}
},
{ field: "Activity", title: "Activity" },
{ field: "Date", title: "Date" },
{ field: "Group", title: "Group" },
{ field: "MoreInfo", title: "More Information", hidden: true },
{ field: "Read", title: "Read", hidden: true },
{ template: '<button id="textButton" style="margin: 5px;">Open WFR</button>', title: 'View Event'}
$("#textButton").kendoButton();我遇到的问题是，它只改变了网格中的第一个按钮。所以如果我有3行，只有第一个按钮在改变。当我创建不同的it并将它们实现为kendo按钮时，它就可以工作了。如何将id动态分配给<button id="textButton"以创建单独的按钮($("#textButton").kendoButton();)
回答 1
Stack Overflow用户
发布于 2018-03-09 01:08:48
使用类而不是id
{ template: '<button class="textButton" style="margin: 5px;">Open WFR</button>', title: 'View Event'}并改为这样做
$(".textButton").kendoButton();我建议您使用网格的dataBound事件将它们转换为按钮
$(..).kendoGrid({
dataBound: function(e) {
$('.textButton').kendoButton();
}
});我确实建议这种方法，而不是更干净，更少，对整个DOM产生影响。
下面是dojo和代码https://dojo.telerik.com/EhUNUwOr
<div id="my-grid"></div>
<script>
$('#my-grid').kendoGrid({
columns: [
{
field: 'firstName',
title: 'First Name'
},
{
template: '<button class="grid-text-button">A</button><button class="grid-text-button">B</button>',
title: 'Actions'
}
],
dataSource: [
{
id: 1,
firstName: 'David'
},
{
id: 2,
firstName: 'Chuck'
}
],
dataBound: function(e) {
var $rows = e.sender.items();
$rows.find('.grid-text-button').kendoButton();
}
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49167568
复制相关文章
相似问题
腾讯云开发者
