Guriddo » Topic: JQGrid and JQuery Autocomplete

JQGrid and JQuery Autocomplete

Guriddo
JQGrid and JQuery Autocomplete

This topic has 4 replies, 2 voices, and was last updated 11 years, 11 months ago by justinkneff.

Creator

Topic
October 15, 2012 at 10:07 pm #80397

justinkneff
Participant

When implementing JQGrid 4.3.0, Jquery 1.6.2, and JQuery UI 1.8.16 Ive come across an issue with the Inline edit. When the inline edit is activated, some of the elements get assigned an auto complete. When the inline edit is canceld or saved, the auto complete does not always go away. Leaving the auto complete controls in edit mode when the row is no longer considered in edit mode.

I've tried removing the DOM after close, .remove() and .empty():
…
“afterrestorefunc”: funciton(){
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
October 16, 2012 at 4:08 pm #100317

justinkneff
Participant

Still having issues. This doesnt work in either browser. It doesnt seem to matter what type of text is in there. Sometimes it doesnt occur, but more so it does than not.

Once in inline edit mode double click a textbox-input and press delete. Then hit escape to cancel the edit. This is how i recreate the issue of the textbox's not going away.

Shameless Bump.

Also just tried editing the javascript so on focus or blur it creates or destroy's(unautocomplete) the auto complete.

That did not resolve it either.

It happens on firefox/IE8+

October 16, 2012 at 8:14 pm #100313

krisreddy
Participant

Hi justinkneff,

If you are using jquery ui autocomplete with cell edit in jqgrid – you can do this as follows

afterEditCell:function(rowid,cellname,value,iRow,iCol)

{

if(cellname=='column_name')

{

jQuery(“#”+iRow+”_column_name”).autocomplete({source:,delay:500});

}

}

If you are using inline edit – call this onedit

Hope this helps.

Thanks,

kris

October 17, 2012 at 4:25 pm #100324

justinkneff
Participant

Hi Kris,

I tried to add the delay to my jqgrid auto complete generation but it doesnt seem to have resolved anything.
As of right now i generate the auto complete and it does pull data. I'll explain how i generate the jqgrid and that may help.
I use a remote json source. When generating the grid it sets up ondblClickRow as “tableRowDoubleClick,” This generates the mode from the the previous function where the row is structured with the following:

item.edittype = JQGrid_EditType.custom
Dim edOpt As New JQGridEditOptionsCustom()
edOpt.custom_element = “CustomSearchElementSingle”
edOpt.custom_value = “CustomSearchSingleValue”
item.editoptions = edOpt

function CustomSearchElementSingle(value, options) {

October 17, 2012 at 7:59 pm #100328

justinkneff
Participant

I posted on stack overflow as well:

I have a custom enable/disable function before the calling of the auto complete. This causes multiple reference calls to the same jqgrid cell causing conflict. So during my double click event on the row where it's supposed to open up inline-editing. The row is taken and analyzed for what cells need to be enabled/disabled based on the record type it is. It determines the fields that are available by an associative array, serialized into a hidden field value, from the code behind during page load.

function tableRowDoubleClick(id, iRow, iCol, e) { ... setCellEditabilityByRecordType(id); ...

1

function tableRowDoubleClick(id, iRow, iCol, e) { ... setCellEditabilityByRecordType(id); ...
Author

Replies