从Kendogrid的选定项目中提取日期

时间:2014-08-19 03:06:59

标签: javascript jquery kendo-ui kendo-grid

我正在使用一个KendoGrid对象,其中一个列名为Birthdate。我需要能够从该列表中的所选项目中提取DateTime值。

这是我试过的

    var grid = $( "#MainRosterGrid" ).data( "kendoGrid" );
    var ageDOB = grid.select().data.Birthdate;

我非常确定该行的第二部分是错误的,但我对KendoGrid缺乏经验。 这都是在Javascript函数中运行的,我很难测试它。

2 个答案:

答案 0 :(得分:1)

如果您不想依赖列定位并直接按列名获取值,则应执行以下操作:

// Get reference to the grid
var grid = $( "#MainRosterGrid" ).data( "kendoGrid" );
// Get Selected row
var sel = grid.select();
// Get item data corresponding to selected row
var item = grid.dataItem(sel);
// Get the data that you are looking for
var ageDOB = item.Birthdate;

在此处查看此行动:http://jsfiddle.net/OnaBai/1wg8h46k/

此解决方案的优点是:

  • 如果列被隐藏,重新排序,或者您甚至不知道它继续工作的顺序。
  • 如果使用某种格式显示日期(如在我的JSFiddle中),您得到的是存储的值而不是显示的值。

答案 1 :(得分:0)

试试这个,

如果您的网格列是静态的,请执行此操作,

var grid = $( "#MainRosterGrid" ).data( "kendoGrid" );
var selectedRows = grid.select();
var value = $(selectedRows).find('td:eq(2)').text();

.find('td:eq(2)') hrre 2是列索引。

演示: http://jsfiddle.net/mgdnE/166/