0

footerTemplateをKendoUIグリッドで動作させようとしています。表のフッターで「hours_worked」の合計を取得したいと思います。Kendo UIの例からいくつかのオプションを試しましたが、うまくいきません。何が間違っているのですか？

$(document).ready(function() {
  $("#grid").kendoGrid({
    dataSource: {
      transport: 
        read: {
          url: "mods/hours/data/get_hours.php?id=<?php echo $volunteer_id; ?>",
          dataType: "json"
        }
      },
      schema: {
        model: {
          fields: {
            hours_id: { type: "number" },
            volunteer_first_name: { type: "string" },
            volunteer_last_name: { type: "string" },
            hours_date: { type: "date" },
            location_name: { type: "string" },
            work_type_name: { type: "string" },
            volunteer_id: { type: "number" },
            hours_worked: { type: "number" }
          }
        }
      },
      aggregate:[{ field:"hours_worked", aggregate:"sum" }],
      pageSize: 10
    },
    height: 350,
    filterable: true,
    sortable: true,
    pageable: true,
    selectable:true,
    columns: [
      {
        title:"Naam",
        template:"#=volunteer_last_name#, #=volunteer_first_name#",
      },{
        title:"Locatie",
        field:"location_name",
      },{
        title:"Werkzaamheden",
        field:"work_type_name",
      },{
        title:"Uren",
        field:"hours_worked",
        footerTemplate:"Sum: #=sum#",
      },{
        title:"Datum",
        field:"hours_date",
      },{
        width:"200px",
        title:"Opties",
        filterable: false,
        template:"<a href='?p=edit_reported_hours&id=#=volunteer_id#&hours_id=#=hours_id#' class='k-button'>Bewerken</a> <a href='?p=manage_reported_hours&o=delete&id=#=volunteer_id#&hours_id=#=hours_id#' class='k-button'>Delete</a>"
      },
    ]
  });
});
</script>
4

1 に答える 1

1

後に中かっこを追加するtransportと、機能します。

transport: {
    read: {
       url: "mods/hours/data/get_hours.php?id=<?php echo $volunteer_id; ?>",
       dataType: "json"
    }
},

こちらをご覧ください：http：//jsfiddle.net/OnaBai/bWS7C/

于 2013-03-26T09:54:35.610 に答える