Ich versuche mit json ein Gridview in extjs zu erstellen. Aus irgendeinem Grund zeigt mein Gridview keine Daten an. Ich habe versucht, es mit Firebug zu debuggen. Ich kann die Ergebnisse im Abschnitt "Antwort" sehen. Dies ist, was ich in "Antwort" habe.

{"ContentEncoding": null, "ContentType": null, "Data": "{\ r \ n \" myTable \ ": [\ r \ n {\ r \ n \" Q1 \ ": \" 1 \ " "Q2": "1", "Q3": "1", "r", "Q4": "1", "1" r \ n \ "Verbesserungen \": \ "\", \ r \ n \ "Kommentare \": \ "1 \" \ r \ n}, \ r \ n {\ r \ n \ "Q1 \": "1", "r", "Q2": "2", "r", "Q3": "3", "r", "Q4": " 4 \ ", \ r \ n \" Verbesserungen \ ": \" Iphone5 \ ", \ r \ n \" Kommentare \ ": \" Iphone14 \ "\ r \ n}, \ r \ n {\ r \ n "Q1": "1", "r", "Q2": "1", "r", "Q3": "3", "r" Q4 ":" 3 "," r "," Verbesserungen ":" Dies ist Comment1-3 "," r "," Comments ":" Dies ist Comment2-3 ". r \ n} \ r \ n] \ r \ n} "," JsonRequestBehavior ": 0}

Aktualisieren Eigentlich sehe ich das jetzt in Json, aber meine Gitteransicht ist noch leerBitte klicken Sie hier, um meinen JSON zu sehen

/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);
}
});

und /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);
    } 

}
}

Jede Art von Eingabe wird eine große Hilfe sein ... Danke