Kendo ui 要链接到另一页的列单元格中的数据。KendoUI网格小部件

Kendo ui 要链接到另一页的列单元格中的数据。KendoUI网格小部件,kendo-ui,Kendo Ui,我正在研究KendoUI库,以便在Asp.NETMVC3项目中使用它。这是用一些本地数据填充的网格小部件的一个示例。我需要使一些列成为指向应用程序另一页的链接。例如,如果单击“存款”,则应导航到“主页/存款”视图。如何做到这一点?如果您有任何关于工作示例的帮助,我们将不胜感激。谢谢 以下是Fiddler示例: 您应该使用模板列,下面是一个示例 以下是一些您可能会觉得有用的链接: 另外,这里有一个主要使用剑道JavaScript创建链接列的解决方案: (函数(myPage,$,未定义){ 变

我正在研究KendoUI库,以便在Asp.NETMVC3项目中使用它。这是用一些本地数据填充的网格小部件的一个示例。我需要使一些列成为指向应用程序另一页的链接。例如,如果单击“存款”,则应导航到“主页/存款”视图。如何做到这一点?如果您有任何关于工作示例的帮助,我们将不胜感激。谢谢

以下是Fiddler示例:


您应该使用模板列,下面是一个示例


以下是一些您可能会觉得有用的链接:

另外,这里有一个主要使用剑道JavaScript创建链接列的解决方案:

(函数(myPage,$,未定义){
变量ID={
...
myGrid:“我的网格”,
...
selectedMasterkey:“#所选主密钥”,
selectedChildkey:“#selected child key”,
};
变量网格={
MyGrid:null,
};
函数initMyGrid(){
$(IDS.myGrid).kendoGrid({
是的,
斯克罗布尔:是的,
可排序:是的,
栏目:[
{字段:“键”,标题:“键”,宽度:“60%”,
{字段:“重量”,标题:“重量”,宽度:“20%”,
{字段:“链接”,标题:“链接”,宽度:“20%”,模板:}
],
更改:函数(){
var selectedDataItem=this.dataItem(this.select());
如果(PageState.Selected.ChildKey!=selectedDataItem.KEY){
PageState.Selected.ChildKey=selectedDataItem.KEY;
myGridSelectionChanged();
}
},
...
});
Grids.MyGrid=$(IDS.MyGrid).data('kendoGrid');
Grids.MyGrid.element.on(“dblclick”,“tbody>tr”,“dblclick”,函数(e){
var dbClickedKey=Grids.MyGrid.dataItem($(this)).KEY;
window.open('../MyData.mvc/Index?key='+dbClickedKey,''u blank');
});
bindMyGrid();
}
函数bindMyGrid(){
var dataSource=new kendo.data.dataSource({
运输:{
阅读:{
url:“MyData”,
数据类型:“json”
},
parameterMap:函数(数据){
返回{
myDataId:getQueryStringParameterByName('myDataId')
}
}
},
模式:{
数据:功能(响应){
返回响应;
},
总计:功能(响应){
返回响应长度;
},
解析:函数(响应){
var myDataList=[];
$。每个(响应、功能(i、键){
push({“KEY”:KEY});
});
返回myDataList;
},
},
});
dataSource.fetch();
dataSource.view();
Grids.MyGrid.setDataSource(数据源);
}
...
myPage.initialize=函数(){
initMyGrid();
}
}(window.myPage=window.myPage | |{},jQuery))
columns.Bound(c=>c.Deposit).ClientTemplate(“”.Title(“Deposit”);

是的,我是这样使用的:列:[{template:'',字段:“FolderName”,标题:“Name”,宽度:100}谢谢您的回答。
         columns.Bound(c => c.Deposit).ClientTemplate("<a target='_blank' href='Home/Deposit'>#=Deposit#</a>").Title("Deposit");