如何將日期列中的日期顯示為鏈接，然后單擊該鏈接如何顯示日期選擇器？

Question

我正在使用 Extjs 6.5.3 經典版。 我有網格，其中有兩個日期列。 現在我想將該日期列值顯示為鏈接，單擊該鏈接我想將日期選擇器顯示為 select 日期。 我不想使用行編輯器或單元格編輯器。 我只想在單擊日期值時顯示日期選擇器。 單擊日期選擇器日期后，我想在網格中顯示更新的值。

請幫忙。

先感謝您。

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 function：

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

有多種方法，您可以“預先”創建此 window 並僅顯示/定位/隱藏。