My script is
<script>
$(document).ready(function(){
debugger;
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebForm2.aspx/Grid",
data: "{}",
dataType: "json",
success: function (data) {
debugger;
var objdata = $.parseJSON(data.d);
for (var i = 0; i < objdata.d.length; i++) {
$("#jqxgrid").append("<tr><td>" + objdata.d[i].Name + "</td><td>" + objdata.d[i].Email + "</td><td>" + objdata.d[i].Address + "</td></tr>" + objdata.d[i].Contact + "</td></tr>");
}
},
error: function (result) {
alert("error");
}
});
});
</script>
<div id="jqxgrid" runat="server">
And my code behind page is
public string Grid()
{
dtFormsDataset = new DataSet();
dtFormsData = new DataTable();
dtFormsData.Columns.Add("Name");
dtFormsData.Columns.Add("Email");
dtFormsData.Columns.Add("Address");
dtFormsData.Columns.Add("Contact");
dtFormsData.Rows.Add("Usha", "Usha@Kp.com", "Chennai", "Kp@guntakal");
dtFormsData.Rows.Add("Chaitu", "ChaituKp@gmail.com", "Chennai", "ChaituKurava@gmail.com");
dtFormsData.Rows.Add("UshaSanjee", "Ushasanjee@gmail.com", "Hyderabad", "Hyderabad");
dtFormsData.Rows.Add("ChaituKP", "chaitu@gmail.com", "Chennai", "Cheenai");
dtFormsDataset.Tables.Add(dtFormsData);
string result = DataSetToJSON(dtFormsDataset);
return result;
}
public string DataSetToJSON(DataSet ds)
{
Dictionary<string, object> dict = new Dictionary<string, object>();
foreach (DataTable dt in ds.Tables)
{
object[] arr = new object[dt.Rows.Count + 1];
for (int i = 0; i <= dt.Rows.Count - 1; i++)
{
arr[i] = dt.Rows[i].ItemArray;
}
dict.Add(dt.TableName, arr);
}
JavaScriptSerializer json = new JavaScriptSerializer();
return json.Serialize(dict);
}
But I'm getting nothing just showing the alert error message.in code behind im getting the json result but why im not able to bind that data to jqxgrid.
I also tried by using source,dataAdapter and calling that source to jqxgrid.But no use there im getting null exception in jqxgrid.js script by JQXWidgets.
Can any one plz help me.As I'm new to javascript