我可以通过 javascript 更改 devexpress 日期编辑设置吗？

Question

在我的项目中，我有一个显示日历的 DateEdit：

pickerGroup.Items.Add(item => Model.Start, itemSettings =>
{
    itemSettings.NestedExtensionType = FormLayoutNestedExtensionItemType.DateEdit;
    var dateEditSettings = (DateEditSettings)itemSettings.NestedExtensionSettings;

    dateEditSettings.Properties.CalendarProperties.Columns = 2;
    dateEditSettings.Properties.CalendarProperties.Rows = 1;
});

如果 window 宽度小于 XX

，我的目标是更改这两个属性

我在考虑 javascript 函数：

function Responsive() {
    var width = screen.width;
    if (width < 1000) {
        settings.Properties.CalendarProperties.Columns = 1;
        settings.Properties.CalendarProperties.Rows = 2;
    } 
    else {

    }
}

可能吗？任何帮助将不胜感激。

谢谢

Answer 1

我可以联系 Devexpress 开发团队并回答我自己的问题，不，这是不可能的。

他们的回答：

DateEdit does not provide the capability to change the Columns property on the client side. As a workaround I suggest you use @media CSS rules. For example:

@@media screen and (max-width: 1000px) {
    .dxeCalendar_DevEx td {
        display: block;
    }
        .dxeCalendar_DevEx td td {
            display: table-cell;
        }
}


Note that it is necessary to set the current theme name instead of the "_DevEx" postfix. Should you have any further questions, feel free to contact us.

我可以通过 javascript 更改 devexpress 日期编辑设置吗？

Can I change devexpress date edit settings through javascript?

javascript

devexpress

devexpress-mvc