[kalaivaniMember]

Hi Peter,

I have send you the sample code .

In that code Button 1 and Button 2 which updates the API file.In the mean while the Grid got dynamically filled by getting the values from that API file using setinterval() property for every 5 sec.

Problems Facing :

1. Show Row cant able be choose after the grid got filled.
2. Page can be able to navigate but it automatically goes to first page within few secs
3.At last updation of the Grid view ,it got flickered once .is it possible to rectify it ?

May be the problems are due to continuous updation of the grid view .If so then how to stop the updation in certain time ,any suggestion for it?

[kalaivaniMember]

sorry -Its Show Row combo in pagination.i wrongly mentioned as select row .

[kalaivaniMember]

I made Active Scripting Enable in IE 9 .it works

Thanks for your support .

[kalaivaniMember]

Yeah thats right i used IP address to access it.
My question is grid view jqxgrid in that page alone not displaying in another system.

Thanks.

[kalaivaniMember]

Hi Peter,

Thanks again..

I got the solution ..

Instead of giving static url like http://localhost/JQueryGridview_demo/api/kalai/Files or http://localhost:portnum/api/kalai/Files.

I tried with the one below which works

var source =
{

datatype: “json”,
datafields: [
{name: ‘Id’ },
{ name: ‘FileName’ },
{ name: ‘Link’}],
id: “id”,
url: ‘api/kalai/Files/’
};

Peter i have another one doubt -If i access this site from different system the grid view is not displaying, is this because of am using trial version of jdwidget?

[kalaivaniMember]

Thanks for your reply Peter.

I have already the Script added in my code ..

Then the JSON file Url specified as http://localhost/JQueryGridview_demo/api/kalai/Files Where JQueryGridview_demo is the IIS website domain.
As i said that the url specified above is have the Json file with data .but getting the Microsoft script error as unable to get value of the property ‘dataAdapter’: object is null or undefined while executing var dataAdapter = new $.jqx.dataAdapter(source);”

For Visual studio Developer server- Url is http://localhost:portnum/api/kalai/Files -> which works fine

I dont understd why its not working for Local IIS web server?

[kalaivaniMember]

Hi peter ,

Any solution for my issue ?

Is this because of problem in accessing the Json file ?

[kalaivaniMember]

hi peter ,

Getting error on “var dataAdapter = new $.jqx.dataAdapter(source);” => unable to get value of the property ‘dataAdapter’: object is null or undefined .

So that its not filling the Grid .

am strucked in this .. How to solve this?

Thanks.

[kalaivaniMember]

This works fine when the project properties ->Web ->Use Visual studio Developer server.

But its not working in Use Local IIS web server.

i have changed my url to “http://localhost/Projapp/api/kalai/Files”; it seems to be not accessing the file.

But the file is available at that path.

What i need to do to work at IIS ?

[kalaivaniMember]

Thanks Peter .

It works , done as per you suggestion.You saved my time lot .Thanks .

[kalaivaniMember]

Thanks for your reply Peter.

Then how and where to rebind the grid in client side script ?

Here is my code.

function getdata()
 {
 
var url = “http://" + top.location.host + “/api/kalai/Files”;
var source =
 {
 
datatype: “json”,
datafields: [
 {name: 'Id' },
 { name: 'FileName' },
 { name: 'Link'}],
 id: “id”,
url: url
 };
 var dataAdapter = new $.jqx.dataAdapter(source);
 $(“#jqxgrid”).bind(‘bindingcomplete’, function ()
 {
 
//getProducts1();   
});
 
$(“#jqxgrid”).jqxGrid(
 {
 source: dataAdapter,
 pageable: true,
 autoheight: true,
 async :false,
 columns: [
 {text: 'First Name', dataField: 'Id', width: 100 },
 { text: 'Last Name', dataField: 'FileName', width: 100 },
 { text: 'Product', cellsrenderer: makeAddToListButton_html , dataField: 'Link' }
 ]
 });
 
// setInterval(“getProducts1()”, 5000); 
 }
 
$(document).ready(getdata);
 
var makeAddToListButton_html = function (id, row, column, value) {
 var datarow = $(‘#jqxgrid’).jqxGrid(‘getcellvalue’, id, “Link”);
 
return ”
 
}
 
function getProducts1() {
 $(document).ready(getdata);
 } 
var buttonclick = function (event) {
 var buttonID = event.target.id;
 var datarow = event.target.value;
 newwindow = window.open(datarow, ‘name’, ‘height=1000,width=1000′);
 if (window.focus) { newwindow.focus() }
 
}

How to proceed further ?

[kalaivaniMember]

Here is my code

function getdata()
{

var url = “http://” + top.location.host + “/api/kalai/Files”;
var source =
{

datatype: “json”,
datafields: [
{name: ‘Id’ },
{ name: ‘FileName’ },
{ name: ‘Link’}],
id: “id”,
url: url
};
var dataAdapter = new $.jqx.dataAdapter(source);
$(“#jqxgrid”).bind(‘bindingcomplete’, function ()
{

getProducts1();

});

$(“#jqxgrid”).jqxGrid(
{
source: dataAdapter,
pageable: true,
autoheight: true,
async :false,
columns: [
{text: ‘First Name’, dataField: ‘Id’, width: 100 },
{ text: ‘Last Name’, dataField: ‘FileName’, width: 100 },
{ text: ‘Product’, cellsrenderer: makeAddToListButton_html , dataField: ‘Link’ }
]
});

// setInterval(“getProducts1()”, 5000);
}

$(document).ready(getdata);

var makeAddToListButton_html = function (id, row, column, value) {
var datarow = $(‘#jqxgrid’).jqxGrid(‘getcellvalue’, id, “Link”);

return ”

}

function getProducts1() {
$(document).ready(getdata);
}

var buttonclick = function (event) {
var buttonID = event.target.id;
var datarow = event.target.value;
newwindow = window.open(datarow, ‘name’, ‘height=1000,width=1000’);
if (window.focus) { newwindow.focus() }

}

By calling the function at bind complete it showing the Message from webpage as "The data is still binding,call this event in bind complete event"

How to resolve this ?

[kalaivaniMember]

Hi Peter,

Thanks its helps lot for me.

My JSon file is keep on appending data.

is it Possible to call this $(document).ready(function () {// Loading data to grid} at regular interval from client side ?

[kalaivaniMember]

I too need Clickable object in the grid cell . How to add the Json value (path of the html link) to button using cell rendering? And also by clicking that button it should navigate to the html link.

iam new to JQWidget any suggestions please ?

[Author]

Posts