Jqxgrid width column jqxdatetimeinput

[GabrielCostaAlvesParticipant]

Hi,

I have columns where I´m using jqxdatetimeinput. When I start edition mode the icons ‘time’ and ‘calendar’ cuts a piece of text. I want alter width columns based in width jqxdatetimeinput.

See print.

https://postimg.org/image/7hcuf6vn5/

I can view only “7/27/2016 14:0”, but I need view all information: “”7/27/2016 14:06:55”

Obs: this occurs after use $(“#jqxGrid”).jqxGrid(‘beginrowedit’, row);

Best Regards.

[HristoParticipant]

Hello GabrielCostaAlves,

Try to change the width of that column.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[GabrielCostaAlvesParticipant]

Hi, I need change the width column based in width jqxdatetimeinput and only in edition Mode. Can I do this?

Best Regards

[HristoParticipant]

Hello GabrielCostaAlves,

You could use createeditor: function (row, cellvalue, editor) { // Do something } for particular column to set desirable settings.
Please, take a look this example:
https://www.jseditor.io/?key=grid-and-datetimeinput-with-own-width

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[GabrielCostaAlvesParticipant]

Hi Hristo, Can not increase width column base in width jqxdatetimeinput?

In your example, The width columns is 85 and the width jqxdatetimeinput is 140. I wanted it to be 140 width column.

width column equals width jqxdatetimeinput: 140

Best Regards.

[HristoParticipant]

Hello GabrielCostaAlves,

If I understand you on a right way you could use setcolumnproperty method to change settings of the column.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[GabrielCostaAlvesParticipant]

Hi, when I use $(‘#jqxGrid’).jqxGrid(‘setcolumnproperty’, ‘columName’, ‘width’, 200); in initEditor funtion, I have one error:

“Maximum call stack size exceeded”;

Again, I need increase width column base in width jqxdatetimeinput when initEditor function is called.

Best Regards

[HristoParticipant]

Hello GabrielCostaAlves,

If you would like could try to use those cellbeginedit and cellendedit events from the Grid.

$("#jqxGrid").on('cellbeginedit', function (event)
{
    $('#jqxGrid').jqxGrid('setcolumnproperty', 'columName', 'width', 200);
});

$("#jqxGrid").on('cellendedit', function (event)
{
    $('#jqxGrid').jqxGrid('setcolumnproperty', 'columName', 'width', 85);
});

But maybe the result could not be very well. For that reason I would like to suggest you to change only width of the cell that is edited.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts