使用extjs4更改网格

Question

我正在与php mysql后端的extjs 4.2应用程序工作。我有一个json响应，在一行中包含学生姓名、考试、科目、分数。同样也是由mysql数据库发送的。我正在尝试重新配置网格，如下所示：

​

​

因此，Sem-1和英语的标记本质上是同一记录的一部分。但是，Sem-2和英语的分数是第二个记录的一部分。到目前为止，我可以展示科目和学期。学期也可以在网格列reconfigure中显示。但我的理解是，一条完整的记录可以连续显示。也许可以通过网格tpl来完成。你能帮帮我吗。如果需要更改json，我们也可以这样做。

目前我的主题是{"data":{"MarkID":20，"studentID":2，“ExamName”：“Semester 1”，“Subject”：“理科”，Subject "MaxMarks":100，"MarksRecvd":15}，{"MarkID":21，"studentID":2，“ExamName”：“Semester 2 Subject”，“Subject”：“社会科学”，“MaxMarks”：100，"MarksRecvd":25}}

因此，每个科目-学期的组合都是一个记录，我可以很容易地在网格中显示每个记录。

然而，我希望在一个subject...so中组合不同学期的分数，@TheShalit是对的，json可以改变，所有的分数都显示在一行中

Answer 1

您可以使用dataview来显示使用自定义布局模板和格式的数据。

视图使用Ext.XTemplate作为其内部模板机制，并绑定到Ext.data.Store，以便当存储中的数据发生更改时，视图会自动更新以反映这些更改。

您的tpl可能是这样的：

var tableTpl = new Ext.XTemplate(
        '<tpl>'+
        '<table class="tableViewDemo" width="100%" height="100%" padding="" border="1">' + 
        '<tr>' + 
        '<td width="50%" height="5%" style="padding-left:2%;">Subject</td>' + 
        '<td width="50%" height="5%" style="padding-left:2%;">Semester-1 Marks</td>' + 
        '</tr>' + 
        '</tpl>' +
        '<tpl for=".">'+
        '<table class="tableViewDemo" width="100%" height="100%" padding="" border="1">' + 
        '<tr>' + 
        '<td width="50%" height="5%" style="padding-left:2%;">{subject}</td>' + 
        '<td width="50%" height="5%" style="padding-left:2%;">{sem1}</td>' + 
        '</tr>' + 
        '</tpl>'            
    );

下面是与您的需求相关的简单演示：

您可以修改第三方物流accordingly.For更多详细信息：Ext.XTemplate

Answer 2

你能展示一下你想要实现的目标吗？

我认为最好的方法是更改json记录并以[subject,s1,s2,s3,s4]形式添加数据