Guriddo » Topic: Grid Data reload

Grid Data reload

Guriddo
Grid Data reload

This topic has 16 replies, 3 voices, and was last updated 16 years, 4 months ago by tony.

Creator

Topic
November 7, 2008 at 6:03 am #72328

maraki
Participant

Hello. JQGrid i amazing but I have a problem.

I downloaded version 3.3 and I call a webservice from javascript and fill the grid using xmlstring.

The webservide takes a value from a textbox and returns data which I display in the grid.

I have all these inside an update panel.

The problem is that when I put the grid inside the update panel it dissapears.And if I disable postback of update panel the xmlstring doesn't get refreshed.I change the value of the textbox my webservice returns a new xml but the grid doesn't reloads.

I used the reloadGrid but it doesn't work.Also the pager doesn't work.

Maybe I miss some files, I don't know. Any advice?
Creator

Topic

Viewing 15 replies - 1 through 15 (of 16 total)

1 2 →

Author

Replies
November 7, 2008 at 9:51 am #84170

tony
Keymaster

Hello,

When using xmlstring the data after that is automatically set to local,

so you can not use the pager.

So to work this before reloading the grid do this

jQuery(“mygrid”).setGridParam({datatype:”xmlstring”}).trigger(“reloadGrid”);

Regards

Tony

November 10, 2008 at 6:47 am #84172

maraki
Participant

Thank you Tony,

Please see my code below. Where should I reload the grid?

var xmlHttpdata;
function getMessagedata()
{
//in this panel I have the

document.getElementById(“PanelTable1”).style.display = “inline”;
var persontxt = document.getElementById(“txtasf”).value;
if(window.ActiveXObject)
{
xmlHttpdata=new ActiveXObject(“Microsoft.XMLHTTP”);
}
else if (window.XmlHttpRequest)
{

xmlHttpdata=new XMLHttpRequest();
}
//call my WebService
xmlHttpdata.open(“get”, “http://……?txtname=” + persontxt + “”,true);
xmlHttpdata.onreadystatechange=doUpdatedata;
xmlHttpdata.send(); return false;
}
function doUpdatedata()
{
if(xmlHttpdata.readyState==4)
{
if (xmlHttpdata.status == 200) {
//document.getElementById(“lblHTMLOutput”).innerHTML = “”;
var xmlDocdata =xmlHttpdata.responseXML.xml;
var newmystr = xmlDocdata.toString();
var mystr = xmlDocdata.toString();
//alert(mystr);

$(document).ready(function(){
$(“#tabledata1”).jqGrid({

November 10, 2008 at 7:40 am #84178

tony
Keymaster

Hello,

Post the code where you obtain the xml string from the service.

REMEMBER – You should first obtain the xml string, ensure that they is present and after that you can CONSTRUCT the grid.

See more about the ajax request – they are delayed and it is unknown

which is first finished.

Regards

Tony

November 10, 2008 at 8:26 am #84181

maraki
Participant

function doUpdatedata()
{
if(xmlHttpdata.readyState==4)
{
if (xmlHttpdata.status == 200) {

var xmlDocdata =xmlHttpdata.responseXML.xml;
var newmystr = xmlDocdata.toString();
var mystr = xmlDocdata.toString();

//mystr is my xml string

Here I construct the grid……..

}}

I posted above all my code…

November 10, 2008 at 9:05 am #84182

tony
Keymaster

Hello,

function doUpdatedata(){

….

var mystr = xmlDocdata.toString();

$(”#tabledata1″).jqGrid({

November 10, 2008 at 9:09 am #84183

tony
Keymaster

Sorry

Have not that this should be updated

function doUpdatedata(){

var mystr = xmlDocdata.toString();

$(”#tabledata1″).setGridParam({datatype:'xmlstring',datastr:mystr}).

trigger(”reloadGrid”);

}

Regards

November 10, 2008 at 9:17 am #84184

maraki
Participant

Sorry,

I get a message for javascript error :

object doesn't support this property or methos.

I guess this is caused by

$(”#tabledata1″).setGridParam({datatype:'xmlstring',datastr:mystr}).

triggrer(”reloadGrid”);

because only when I add it to my page I get the error.

Is there some other way to empty the grid each time i puss the button and then fill it?

November 10, 2008 at 9:24 am #84185

tony
Keymaster

Hello,

Create the grid before calling this function and set datatype : 'local' and all will be OK

Regards

Tony

November 11, 2008 at 2:17 am #84191

maraki
Participant

Thank you Tony for your help!

Unfortunately it still gives me error.

I can't make it work so I think I am not going to use it.

I don't now where to put

$(”#tabledata1″).setGridParam({datatype:'local'}).

trigger(”reloadGrid”); in my code.

Thank you for everything!

November 11, 2008 at 3:40 am #84192

maraki
Participant

Dear Tony I found the solution

Just before I create the grid I use

JQuery(“mygrid”).Gridunload();

and everything works fine thank you for your help

November 23, 2008 at 11:13 am #84336

Luigino
Participant

Hello maraki and Tony…

I'm trying to use the Gridunload function before to create the grid, I have set to true inside function jqGridInclude() to have availability of advanced functions of the grid with grid.custom.js but once the Gridunload() fires it says to me:

jQuery(“#list”).Gridunload is not a function

why?….

I loaded those scripts:

wp_enqueue_script('jq1', get_bloginfo('wpurl') . '/wp-content/plugins/toscanoviaggi/js/jquery.jqGrid.js', array('jquery'));
wp_enqueue_script('jq2', get_bloginfo('wpurl') . '/wp-content/plugins/toscanoviaggi/js/jqModal.js', array('jquery'));
wp_enqueue_script('jq3', get_bloginfo('wpurl') . '/wp-content/plugins/toscanoviaggi/js/jqDnR.js', array('jquery'));

which they should be ok…. maybe I missed something? or some library to load?…

Thanks!

Ciao

Luigi

November 24, 2008 at 1:06 am #84344

tony
Keymaster

Hello,

You can not use GridUnload if you do not load the needed files for this

Regards

Tony

November 24, 2008 at 1:15 am #84347

Luigino
Participant

Uh? Isn't the Gridunload function included in the grid.custom.js loaded by the jqGridInclude() function?

In fact in that file I have this row enabled:

{ include: true, incfile:'grid.custom.js',minfile: 'min/grid.custom-min.js'}, //jqGrid custom

Plus I did a search word in all .js files and looks like only that file contains the Gridunload() function….

November 26, 2008 at 7:40 am #84406

Luigino
Participant

Or, shall I have to add something like:

after those lines that loads jQuery.jqGrid.js, jqModal.js, jqDnR.js?

November 26, 2008 at 7:42 am #84407

Luigino
Participant
Author

Replies