grid - kendoui strange behaviour in loading json data -
i'm trying work kendoui grid , i've got strange behaviour in loading data:
1) before source code i'm using:
<html> <head> <title>vic</title> <link href="/ittrad-catprod-portlet/css/kendoui/kendo.common.min.css" rel="stylesheet" /> <link href="/ittrad-catprod-portlet/css/kendoui/kendo.default.min.css" rel="stylesheet" /> <script src="/ittrad-catprod-portlet/js/kendoui/jquery.min.js"></script> <script src="/ittrad-catprod-portlet/js/kendoui/kendo.all.min.js"></script> </head> <body> <div id="example" class="k-content"> <div id="grid"></div> <script type="text/x-kendo-template" id="template"> <div class="toolbar"> <label class="category-label" for="category">show products category:</label> <input type="search" id="category" style="width: 150px"/> </div> </script> <script> var itemscateg = [{ datainc: "10.03.2013", dataincvalue: "10.03.2013" }, { datainc: "11.05.2013", dataincvalue: "11.05.2013" }]; var itemsprod = [{"catid":1,"categorie":"masina spalat","cod_produs":"aaaaa","data_inc":"10.03.2013","data_sf":"20.05.2014","multiplicator":111,"orgid":1,"punctaj":100}, {"catid":2,"categorie":"masian calcat","cod_produs":"bbbbb","data_inc":"10.03.2013","data_sf":"21.05.2014","multiplicator":111,"orgid":1,"punctaj":200}, {"catid":3,"categorie":"aparat 1","cod_produs":"ccccc","data_inc":"11.05.2013","data_sf":"12.06.2014","multiplicator":222,"orgid":1,"punctaj":300}]; $(document).ready(function() { var grid = $("#grid").kendogrid({ datasource: { type: "json", transport: { read: "/itrad-catprod-portlet/api/jsonws/vcatalogprodvanztablecontent/get-cat-prod" }, pagesize: 20, serverpaging: true, serversorting: true, serverfiltering: true }, toolbar: kendo.template($("#template").html()), height: 320, sortable: true, pageable: { pagesize: 5 }, columns: [ { field: "catid", title: "product id", width: 100 }, { field: "categorie", title: "product name" }, { field: "data_inc", title: "unit price", width: 100 }, { field: "punctaj", title: "quantity per unit" } ] }); var dropdown = grid.find("#category").kendodropdownlist({ datatextfield: "datainc", datavaluefield: "dataincvalue", autobind: false, optionlabel: "all", datasource: itemscateg, change: function() { var value = this.value(); if (value) { grid.data("kendogrid").datasource.filter({ field: "data_inc", operator: "eq", value: value }); } else { grid.data("kendogrid").datasource.filter({}); } } }); }); </script> <style scoped="scoped"> #grid .k-toolbar { min-height: 27px; padding: 1.3em; } .category-label { vertical-align: middle; padding-right: .5em; } #category { vertical-align: middle; } .toolbar { float: right; } </style> </div> </body> </html> i'm getting wrong result means grind 452!!?? empty rows. no error on browser!
substituting instead on code above data source
datasource: { type: "json", transport: { read: "/itrad-catprod-portlet/api/jsonws/vcatalogprodvanztablecontent/get-cat-prod" }, with:
datasource: itemsprod, the result ok means see 3 rows , pagination , ok.
the question why strange behaviour grid, generate 2 different responses same json, i.e.:
[{"catid":1,"categorie":"masina spalat","cod_produs":"aaaaa","data_inc":"10.03.2013","data_sf":"20.05.2014","multiplicator":111,"orgid":1,"punctaj":100},{"catid":2,"categorie":"masian calcat","cod_produs":"bbbbb","data_inc":"10.03.2013","data_sf":"21.05.2014","multiplicator":111,"orgid":1,"punctaj":200},{"catid":3,"categorie":"aparat 1","cod_produs":"ccccc","data_inc":"11.05.2013","data_sf":"12.06.2014","multiplicator":222,"orgid":1,"punctaj":300}] ?
please note variable
var itemsprod = [{"catid":1,"categorie":"masina spalat","cod_produs":"aaaaa","data_inc":"10.03.2013","data_sf":"20.05.2014","multiplicator":111,"orgid":1,"punctaj":100}, {"catid":2,"categorie":"masian calcat","cod_produs":"bbbbb","data_inc":"10.03.2013","data_sf":"21.05.2014","multiplicator":111,"orgid":1,"punctaj":200}, {"catid":3,"categorie":"aparat 1","cod_produs":"ccccc","data_inc":"11.05.2013","data_sf":"12.06.2014","multiplicator":222,"orgid":1,"punctaj":300}]; below generated launching link
http://localhost:8080/ittrad-catprod-portlet/api/jsonws/vcatalogprodvanztablecontent/get-cat-prod the same on main source code above.
Comments
Post a Comment