jQuery Grid Plugin - jqGrid - Topic: jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete Simple:Press Version 5.7.5.3 brad8118 on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1630 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1630 Awesome.

Thanks.  I had tried this but I was also using the setCell function.

Thanks again.

]]> Wed, 20 Aug 2008 11:41:02 +0300 tony on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1626 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1626 I do not think so. You first applay editRow and then setCell - these method are not compatible.

To attach datepicker in you case

...

jQuery('#rowed6').editRow(id,true,pickdates);

function pickdates(id){ jQuery("#"+id+"_sdate","#rowed6").datepicker({dateFormat:"yy-mm-dd"}); }

Also see examples - datepicker integration in demo page

]]> Wed, 20 Aug 2008 10:11:06 +0300 brad8118 on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1623 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1623 I created a text box in the html

<input type="text" id="examplePicker" value="Not set yet" style="width: 90px;" />

I attached the datepicker to it and was able to choose a date from the popup calendar. (not in jqgrid).

I then used setCell and set  $('#examplePicker') as the data ie

jQuery("#list").setCell(rowNum, "Promised", $('#examplePicker'), { 'text-align': 'center' });

This moves the element examplePicker from the page into the jqgrid. Good- I click on the text box and the calendar appears. I click a date and the date is saved in the text box. This means there isn't a layer problem.

I cancel/save the row then edit the same row again and now there is no text box to click.  I think this happens because the examplePicker is added to the jqgrid.  Then it tries to add it again but its gone...

I have also tried to create the element as a div, text, and textarea.

Text and textarea did not work.

Using the div (ie calText = document.createElement("div");) added the calender to be displayed inline.  The calendar's months and days can be switched and selected.

]]> Wed, 20 Aug 2008 09:21:37 +0300 tony on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1595 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1595 Also try first to implement your script without using setCell -i.e.

apply this to other element in the page and see the result - IMHO the way

you do this is not correct.

Regards

Tony

]]> Tue, 19 Aug 2008 11:49:06 +0300 brad8118 on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1588 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1588 Tried - No luck

🙁

]]> Tue, 19 Aug 2008 07:15:15 +0300 tony on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1568 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1568 I think that the right syntax is:

$("#calText").datepicker();

Regards

Tony

]]> Tue, 19 Aug 2008 01:23:37 +0300 brad8118 on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1565 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1565 I'm trying to create an text element and set a datepicker to it when a row is edited. 

$("#list").editRow(rowNum);

                    var calText = document.createElement("text");
                    $(calText).html("<input  id='calText' name='calText' type= 'text'  style='width: 95px' value='Click To Set'/>");
                    $(calText).datepicker();
                    jQuery("#list").setCell(rowNum, "Promised", calText, { 'text-align': 'center' });

The datepicker isn't being applied to calText.

Any ideas?

]]> Mon, 18 Aug 2008 12:19:39 +0300 kaare on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1114 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1114 Finally I had a little time to test this.

You're right, it's easy. I put

jQuery('...').editRow(id,true,fieldfunctions);

in onSelecctRow. And in fieldfunctions:

jQuery("#"+id+"_field1","#...").datepicker({dateFormat:"yy-mm-dd"});
jQuery("#"+id+"_field2","#...").autocomplete(...etc etc

This is just great!

]]> Wed, 16 Jul 2008 15:29:41 +0300 julizar on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1072 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1072 I`ll create an example page for  exchange of experience soon. 🙂

]]> Tue, 15 Jul 2008 03:50:50 +0300 kaare on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1040 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1040 julizar, do you mind sharing your code?

]]> Fri, 11 Jul 2008 13:02:06 +0300 julizar on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1039 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1039 I`m using on a one row autocompete and ui.datapicker, and there is no

problem.

]]> Fri, 11 Jul 2008 12:16:49 +0300 tony on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1035 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1035 I think that this is very interesting. Generally there should be no problem The only think that you will to known is that every input id is created as combination of rowid+"_"+name where the rowid is the edited row and name is the name from colModel of that field.

Please let me known of the result. It will be very interesting to demostrate this in the demo page.

Regards

Tony

]]> Fri, 11 Jul 2008 07:43:52 +0300 kaare on jqGrid and autocomplete http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1034 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-autocomplete#p1034 I wonder if it will be straight forward to include autocomplete functionality with jqGrid?

I imagine jQuery('#...').editRow(id,true,doautocommit);

function doautocommit(id){

use_autocommit_plugin

}

Is this the way? Any pitfalls?

]]> Fri, 11 Jul 2008 07:21:18 +0300