Extjs Gridview pokazuje brak danych
Próbuję stworzyć gridview w extjs używając json. Z jakiegoś powodu mój gridview nie pokazuje żadnych danych. Próbowałem go zdebugować za pomocą firebug. Widzę wyniki w sekcji „Odpowiedź”. Oto, co mam w „Reponse”.
{"ContentEncoding": null, "ContentType": null, "Data": "{r n" myTable ": [r n {r n" Q1 ":" 1 " r n "Q2": "1", r n "Q3": "1", r n "Q4": "1", r n „Ulepszenia”: „”, r n „Komentarze”: „1” r n}, r n {n n ”„ Q1 ”: „1”, r n „Q2”: „2”, r n „Q3”: „3”, r n „Q4”: 4, r n „Ulepszenia”: „Iphone5”, r n „Komentarze”: „Iphone14” r n}, r {n} n „Q1”: „1”, r n „Q2”: „1”, r n „Q3”: „3”, r \ t Q4: „3”, r n „Ulepszenia”: „To jest Comment1-3”, r n „Komentarze”: „To jest Comment2-3”. r n} r n] r n} "," JsonRequestBehavior ": 0}
Aktualizacja Właściwie to widzę to teraz w Jsonie, ale mój widok jest wciąż pustyKliknij tutaj, aby zobaczyć mój JSON
/GridViewApp.js
Ext.define('GridViewApp.view.GridViewApp', {
alias: 'widget.gridviewapp',
width: 800,
title: 'My Grid Panel',
grid: null,
store: null,
layout: {
type: 'anchor'
},
constructor: function () {
this.callParent(arguments);
var store = Ext.create('Ext.data.Store', {
storeId: 'myData',
scope: this,
fields: [
{ name: 'Q1', type: 'int' },
{ name: 'Q2', type: 'int' },
{ name: 'Q3', type: 'int' },
{ name: 'Q4', type: 'int' },
{ name: 'Q5', type: 'int' },
{ name: 'Improvements', type: 'string' },
{ name: 'Comments', type: 'string' }
],
sorters: [
{
//property: 'myData',
direct: 'ASC'
}
],
proxy: {
type: 'ajax',
scope: this,
url: 'GridView/writeRecord',
reader: {
type: 'json',
root: 'myTable',
idProperty: 'ID'
}
}
});
store.load();
this.grid = Ext.create('Ext.grid.Panel', {
title: 'GridView App',
store: this.store,
columns: [
{header: 'Q1', width: 100,
sortable: true, dataIndex: 'Q1'
},
{ header: 'Q2', width: 100,
sortable: true, dataIndex: 'Q2'
},
{ header: 'Q3', width: 100,
sortable: true, dataIndex: 'Q3'
},
{ header: 'Q4', width: 100,
sortable: true, dataIndex: 'Q4'
},
{ header: 'Improvements', width: 200,
sortable: true, dataIndex: 'Improvements'
},
{ header: 'Comments', width: 200,
sortable: true, dataIndex: 'Comments'
}
],
stripeRows: true,
width: 800,
renderTo: Ext.getBody()
});
this.add(this.grid);
}
});
i /GridViewController.cs
namespace GridViewApp.Controllers
{
public class GridViewController : Controller
{
public ActionResult Index()
{
return View();
}
public JsonResult writeRecord()
{
SqlConnection conn = DBTools.GetDBConnection("ApplicationServices2");
string sqlquery = "SELECT Q1, Q2, Q3, Q4, Improvements, Comments FROM myTable";
SqlDataAdapter cmd = new SqlDataAdapter(sqlquery, conn);
DataSet myData = new DataSet();
cmd.Fill(myData, "myTable");
conn.Open();
conn.Close();
string myData1 = JsonConvert.SerializeObject(myData, Formatting.Indented,
new JsonSerializerSettings
{
ReferenceLoopHandling = ReferenceLoopHandling.Ignore
});
return Json(new { data = myData1 }, JsonRequestBehavior.AllowGet);
}
}
}
Każda pomoc będzie wielką pomocą ... Dziękuję