Kendo UI 网格选项卡 - 如何使用自定义按钮在第二个选项卡中查看详细信息

Question

我有这个演示 here，其中包含 tab1 和 tab2。单击自定义按钮“View Details”时我想要实现的是，所选行上的数据将显示为 tab2。任何人都可以帮助我如何实现这一目标？提前致谢。

Answer 1

希望这就是您所追求的：https://dojo.telerik.com/iRobiSAw/2

我所做的只是获取所选行的 dataItem，然后将其绑定到第二个选项卡的新 ObservableObject。

 var vm = new kendo.data.ObservableObject( this.dataItem($(e.currentTarget).closest("tr")));
   //Added console log just to show the object has been obtained. 
  console.log(vm); 

  kendo.bind($('#grid2'), vm);

我没有连接保存按钮，所以数据不会保存回原始数据源，但我相信这会保存回服务器，您将在其中刷新位于下面的数据源第一个网格。

Kendo UI 网格选项卡 - 如何使用自定义按钮在第二个选项卡中查看详细信息

Kendo UI Grid Tabstrip - How to view details in 2nd tabs with custom button

kendo-ui

kendo-grid

kendo-tabstrip