Kendo ui 剑道网格在一列中包含多个超链接

我使用以下代码在剑道网格中显示来自服务器的数据

工作很好

我想在每行的最后一个单元格中放置两个超链接，但只能使用一个超链接

我想在同一单元格中编辑和删除链接

我怎样才能做到这一点

代码

@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
    columns.Bound(u => u.USERNAME);
    columns.Bound(u => u.PASSWORD);
    columns.Bound(u => u.ROLE);
    columns.Bound(u => u.STATUS);
    columns.Template(c => Html.ActionLink("Edit", "Edit", new { id = c.ID }));

}
)
.Pageable()

---

)有几种方法可以做到这一点

首先，您可以在网格配置中使用内置的编辑/删除选项

像这样：

 columns.Command(command =>
                {
                    command.Edit();
                    command.Destroy();                         
                });

<script id="buttonsTemplate" type="text/x-kendo-template">
<div class='btn-group'>
<a class="btn btn-primary" href='@Url.Action("{edit action}", "controller")/#=ID#'>Edit Link #=ID#</a> 
<a class="btn btn-danger" href='@Url.Action("{delete action}", "controller")/#=ID#'>Delete Link #=ID#</a> 
<div> 

</script> 

然后连接编辑配置并适当地销毁

delete

命令

或者，您可以使用以下两种方法之一将其模板化：

第一个内联模板：

columns.Bound(c => c.ID).ClientTemplate("<a href='Edit/#=data.ID#'>Edit Link #=data.ID#</a> 
<a href='Delete/#=data.ID#'>Delete Link #=data.ID#</a>")

然后按如下方式创建模板：

<script id="buttonsTemplate" type="text/x-kendo-template">
<div class='btn-group'>
<a class="btn btn-primary" href='@Url.Action("{edit action}", "controller")/#=ID#'>Edit Link #=ID#</a> 
<a class="btn btn-danger" href='@Url.Action("{delete action}", "controller")/#=ID#'>Delete Link #=ID#</a> 
<div> 

</script> 

让我解释一下，第二种方法是怎么回事

我们没有在列中模板化html，而是将其提取为两个

组件

，以获得更好的单词

我们使用getButtonTemplate函数在数据项和模板id中传递2个参数。此函数只需将传递的数据对象加载到模板中，kendo magic就会呈现html并根据需要注入值。查看剑道演示网站了解更多关于这个主题的信息

template元素可以是html和javascript的混合体，因此如果需要在模板中应用一些逻辑，可以在这里完成。再次参考剑道网站了解更多关于这个主题的信息

我个人更喜欢第二种客户端模板制作方法，因为它更容易管理和更改，而不会破坏恶意散列或括号中的代码

---

如果你需要更多的信息，让我知道，我会为你更新答案

有几种方法可以做到这一点

首先，您可以在网格配置中使用内置的编辑/删除选项

像这样：

 columns.Command(command =>
                {
                    command.Edit();
                    command.Destroy();                         
                });

<script id="buttonsTemplate" type="text/x-kendo-template">
<div class='btn-group'>
<a class="btn btn-primary" href='@Url.Action("{edit action}", "controller")/#=ID#'>Edit Link #=ID#</a> 
<a class="btn btn-danger" href='@Url.Action("{delete action}", "controller")/#=ID#'>Delete Link #=ID#</a> 
<div> 

</script> 

然后连接编辑配置并适当地销毁

delete

命令

或者，您可以使用以下两种方法之一将其模板化：

第一个内联模板：

columns.Bound(c => c.ID).ClientTemplate("<a href='Edit/#=data.ID#'>Edit Link #=data.ID#</a> 
<a href='Delete/#=data.ID#'>Delete Link #=data.ID#</a>")

然后按如下方式创建模板：

<script id="buttonsTemplate" type="text/x-kendo-template">
<div class='btn-group'>
<a class="btn btn-primary" href='@Url.Action("{edit action}", "controller")/#=ID#'>Edit Link #=ID#</a> 
<a class="btn btn-danger" href='@Url.Action("{delete action}", "controller")/#=ID#'>Delete Link #=ID#</a> 
<div> 

</script> 

让我解释一下，第二种方法是怎么回事

我们没有在列中模板化html，而是将其提取为两个

组件

，以获得更好的单词

我们使用getButtonTemplate函数在数据项和模板id中传递2个参数。此函数只需将传递的数据对象加载到模板中，kendo magic就会呈现html并根据需要注入值。查看剑道演示网站了解更多关于这个主题的信息

template元素可以是html和javascript的混合体，因此如果需要在模板中应用一些逻辑，可以在这里完成。再次参考剑道网站了解更多关于这个主题的信息

我个人更喜欢第二种客户端模板制作方法，因为它更容易管理和更改，而不会破坏恶意散列或括号中的代码

如果你需要更多的信息，让我知道，我会为你更新答案