如何在日期列中将日期显示为链接，然后单击如何显示日期选择器?

Question

我正在使用 Extjs 6.5.3 经典版本。我有网格，其中有两个日期列。现在我想将该日期列值显示为链接，然后单击该链接时，我想显示日期选择器以选择日期。我不想使用行编辑器或单元格编辑器。我只想在单击日期值时显示日期选择器。单击日期选择器日期后，我想在网格中显示更新的值。

请帮忙。

提前谢谢你。

Answer 1

你可以这样做，首先，使用渲染器设置列：

{
xtype:'column',
header: "My Date",
width: 90,
sortable: true,     
dataIndex: 'MyDateField',
align: 'center',
renderer: function (value,metaData){
//Adjust date format as needed
return '<a href="#" onclick="pickDate(event,'+metaData.record.data.ID+')" >'+value+'</a>';
}
}

之后声明 pickDate 函数，如下所示：

var pickDate = function(e,id){        
Ext.create('Ext.window.Window', {        
modal: true,    
bodyPadding: 0,
renderTo: Ext.getBody(),
items: [{
xtype: 'datepicker',
minDate: new Date(),
handler: function(picker, date) {
// do something with the selected date                                            
}
}]
}).show().setPosition(e.x,e.y);
}

有各种各样的缺点，您可以"预先"创建此窗口，例如显示/定位/隐藏。