Multiline in Grid editable Cell

[KAUSHALParticipant]

Hello Support,

Greeting of the day

I am using your product in my projects and I found it really impressive in terms of its look and feel and highly plugability and your prompt support makes your product favorite all time. But, at this stage as I am facing some issues that makes me some disappointed.

I feel you will coordinate me In order to overcome the issues which I am currently facing that would be very thankful.
Here in below I am furnishing the detailed problem on which I need your attention and help.

I am using a JQXgrid having one column editable, that accepts any free text (single/ multi line) into it. So, to have a paragraph I need a newline feature in it on key press (enter or any) but as I press enter for a new line it triggers endcelledit method of and comes out from the cell. So, Is there any other key In order to achieve this?

properties which are used I am listing below

width: ‘99.8%’,
height: ‘300px’,
source: suggestedTestListDataAdapter,
handlekeyboardnavigation: eventSuggestedTestGridKeyPressed,
pageable: true,
pagesize: 100,
columnsresize: true,
columnsreorder: true,
autoheight: true,
autorowheight:true,
sortable: true,
showsortcolumnbackground: false,
filterable: true,
altrows: true,
editable: true,
selectionmode: ‘singlerow’,
showsortmenuitems : false,
enablemousewheel: false,
pagesizeoptions:[’15’, ’30’, ’50’, ‘100’],
showpinnedcolumnbackground: false,
columns: [{
{text: ”, columntype: ‘checkbox’, datafield: ‘isSelected’, width: 30, editable: true, sortable:false},
…
…
//columns declarations
…
}],
ready:function () {$(‘#jqxGrid’).jqxGrid(‘sortby’, ‘orderNo’, ‘asc’);}

Is there any thing I which I have missed?

[DimitarParticipant]

Hello KAUSHAL,

This matter is also discussed in the forum topics Multiline editors within grid. Please check it out for some tips.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[KAUSHALParticipant]

Hello Dimitar,

Thanks for your prompt response, I saw this but couldn’t found the conclusion there that is why I have created a new item. Please suggest me the solution for new line in editor.

Thanks

[DimitarParticipant]

Hi KAUSHAL,

The solution is to create a custom textarea editor for your column(s).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[KAUSHALParticipant]

Hello Dimitar,

I have already tried this thing and it introduced new problems:

1. my screen scrolled to top of the page while I paste copied text in to editor
2. what is the default keybord shortcut for ending cell edit.

[DimitarParticipant]

Hi KAUSHAL,

1) This is not a normal behaviour. If you wish, please provide us with a JSFiddle which demonstrates this issue.

2) You can exit a cell’s edit mode by pressing Enter. For all key functions, please refer to the demo Keyboard Navigation.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[KAUSHALParticipant]

Hi Dimitar,

1) I have created a fiddle on this link

http://jsfiddle.net/kaushal_varshney/c24yfb7t/

here you will see two grids on is ‘Grid 1’ and another is ‘Grid 2’ in which you will see a column ‘Column3’

In order to reproduce the issue you will have to click randomly the initially visiblecells of ‘Column3’ of ‘Grid 2’ (on my computer only three rows are visible in Grid 2) on.

your task is to just make cells editable by clicking and no need to edit content. Now do it randomly you will see the page jump in a short practice.

2) in #64403 you said this thing is discussed earlier on your forum but there is a poor solution of making the editor to JQXEditor and unfortunately it is not one of the editors you provide. right? but I tried it also here pressing enter introduce a new line not cell edit. It solved my problem but raised few more.

http://jsfiddle.net/kaushal_varshney/C3vQb/213/

i). how to end cellediting by key board
ii). go to last cell of product column of Grid 2 and paste something here you will see a page jump here.

Please assist

[DimitarParticipant]

Hi KAUSHAL,

1) We were able to reproduce the issue. We will investigate why it occurs. Thank you for your feedback.

2) jqxEditor can be implemented as a custom jqxGrid cell editor, as explained in the following forum topic: http://www.jqwidgets.com/community/topic/jqxeditor-in-grid/.

If you like, you can redefine the key functions and end cell edit with whatever key you like. Please check out the demo Custom Keyboard Navigation to see how this can be done.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[KAUSHALParticipant]

Hello Dimitar ,

Thanks for your active response.

1) can you please give me the timeline by when you can resolve this?

2) what about ii) are you able to reproduce it ?

[DimitarParticipant]

Hi KAUSHAL,

We reproduced behaviour ii), too. Unfortunately, we cannot give you any estimation on when these issues will be fixed. We will first have to investigate whether they are related to the widget or to the custom editor implementation.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[KAUSHALParticipant]

Hi Dimitar,

Any progress on this item ?

[DimitarParticipant]

Hi KAUSHAL,

As I previously stated, we cannot give you any estimation on when these issues will be fixed. When a new version is released, you can check the Release History for the newest fixes and additions.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts