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

Question

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

demo in dojo

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); 

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