Extjs Gridview показывает нет данных
Я пытаюсь создать gridview в extjs, используя json. По какой-то причине мой gridview не показывает никаких данных. Я пытался отладить его с помощью firebug. Я вижу результаты вОтклик" раздел. Это то, что у меня есть вRéponse "{"
ContentEncoding»:ноль,"Тип содержимого":ноль,"Данные":"{\р \"MYTABLE \»: [\ r {\ r \ "Q1 \»: \ "1 \»,\р \"Q2 \»: \ "1 \»,\р \"Q3 \»: \ "1 \»,\р \"Q4 \»: \ "1 \»,\р \"Улучшения \»: \ "\",\р \"Комментарии\": \ "1 \»\ r}, \ r {\ r \ "Q1 \»: \ "1 \»,\р \"Q2 \»: \ "2 \»,\р \"Q3 \»: \ "3 \»,\р \"Q4 \»: \ "4 \»,\р \"Улучшения \»: \ "IPhone5 \»,\р \"Комментарии\": \ "Iphone14 \»\ r}, \ r {\ r \ "Q1 \»: \ "1 \»,\р \"Q2 \»: \ "1 \»,\р \"Q3 \»: \ "3 \»,\р \"Q4 \»: \ "3 \»,\р \"Улучшения \»: \ "Это Комментарий1-3 \ ",\р \"Комментарии\": \ "Это комментарий2-3 \ "\ r} \ r] \ r} ","JsonRequestBehavior»: 0}
Обновить На самом деле я вижу это в Json сейчас, но мой gridview все еще пустПожалуйста, нажмите здесь, чтобы увидеть мой 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);
}
});
и /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);
}
}
}
Любой ввод будет большой помощью ... Спасибо