javascript - Populate grid with row/column coordinates in extjs -


i'm trying populate extjs grid data json. values need populate in cells in object gives row , column number. i'm not sure how values correct cells json structure.

here json:

{   "_links" : {     "self" : {       "href" : "http://localhost:8080/api/reports"     }   },   "columns" : [ {     "softwarebuild" : {       "buildid" : 10,       "generation" : "alpha",       "build" : "1.0"     },     "eventtypedisplay" : "event name 1"   }, {     "softwarebuild" : {       "buildid" : 10,       "generation" : "beta",       "build" : "2.0"     },     "eventtypedisplay" : "event name 1"   }],   "entries" : [ {     "row" : 0,     "column" : 0,     "value" : 10   }, {     "row" : 0,     "column" : 1,     "value" : 20   }, {     "row" : 1,     "column" : 0,     "value" : 30   }, {     "row" : 1,     "column" : 1,     "value" : 40   } ],   "rows" : [ {     "metrictypeid" : 1,     "metricname" : "name 1",     "source" : "1",   }, {     "metrictypeid" : 2,     "metricname" : "name 2",     "source" : "2",   }] }

here grid view:

ext.create('ext.grid.panel', {     renderto: document.body,     store: 'datastore',     width: 400,     height: 200,     title: 'software metrics',     columns: [         {             text: 'dynamic column name',             dataindex: ''         }     ] });

here model , store:

ext.define('datamodel', {     extend: 'ext.data.model',     fields: [ 'value', 'generation', 'build', 'metricname', 'source' ] });   ext.define('datastore', {     extend: 'ext.data.store'     model: 'datamodel',     proxy: {         type: 'rest',         url : 'api/reports'     } });

another question have how populate column headers "build" value columns array in json object. , how populate cells in first column "metricname" rows array. question.

this process take time i'll tell need do:

1 - json structure , assign variable, should use ext.ajax.request this.

2 - loop through columns object , create object valid column format extjs like:

var columns = [{     text : '1.0',     dataindex: 'alpha' },{     text: '2.0',     dataindex : 'beta' }];

3 - apply columns grid using grid.reconfigure(columns);

4 - model should have fields : ['alpha', 'beta']

5 - store should use memory proxy since grabbed data using ext.ajax.request.

6 - loop through entries object , total number of rows should added.

var entries = [{   "row" : 0,   "column" : 0,   "value" : 10 }, {   "row" : 0,   "column" : 1,   "value" : 20 }, {   "row" : 1,   "column" : 0,   "value" : 30 }, {   "row" : 1,   "column" : 1,   "value" : 40 }];  var rows = []; (var i=0;i<entries.length;i++) {     var currentrow = entries[i].row,         currentcolumn = entries[i].column,         columnname = columns[currentcolumn].dataindex;      if(currentrow > rows.length - 1) {         rows.length = currentrow + 1;     }     if (!rows[currentrow]) rows[currentrow] = {};     rows[currentrow][columnname] = entries[i].value; }

7 - add assign rows value store using store.loadrawdata

fiddle: https://fiddle.sencha.com/#fiddle/t2g


-

Comments

Post a Comment

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

the default binder in web api expecst http://url.com/webapi/report/?pageids=3243&pageids=2365 to bind public ihttpactionresult report(list<int> pageids){ // exciting webapi code} i wish bind http://url.com/webapi/report/?pageids=3243,2365 as running out of space in url get . i have created class public class commaseparatedmodelbinder : system.web.http.modelbinding.imodelbinder { public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext) { //binding in here } } and registered in webapiconfig.cs var provider = new simplemodelbinderprovider( typeof(list<int>), new commaseparatedmodelbinder()); config.services.insert(typeof(modelbinderprovider), 0, provider); i have altered method signature use model binder so public ihttpactionresult report( [modelbinder] list<int> pageids){ // exciting webapi code} however break point in binder not being
Read more

Delphi 7 and decode UTF-8 base64 -

in delphi 7, have widestring encoded base64(that received web service widestring result) : pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg== when decoded it, result not utf-8: <?xml version="1.0"?> <string>طھط³طھ</string> but when decoded base64decode.org, result true : <?xml version="1.0"?> <string>تست</string> i have use encddecd unit decodestring function. the problem have using decodestring . function, in delphi 7, treats decoded binary data being ansi encoded. , problem text utf-8 encoded. to continue encddecd unit have couple of options. can switch decodestream . instance, code produce utf-8 encoded text file data: {$apptype console} uses classes, encddecd; const data = 'pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg=='; var input: tstringstream; output: tfilestream; begin input := tstringstream.create(data); try output := tfilestream.
Read more

html - Is there any way to exclude a single element from the style? (Bootstrap) -

so, have img logo, overlaid on div styled background-image: url("...") , , both elements inside 2 div classes .to-color , .to-overlay respectively, black transparent overlay. is there way exclude logo style given these 2 classes? here's jsfiddle example: link html , css example: - html - <div class="to-color"> <div class="to-overlay"> <div class="respo"> <div class="row"> <div class="col-xs-4 col-xs-offset-4 text-center"> <img src="http://ansonalex.com/wp-content/uploads/2011/06/google-logo-768x260.png" alt="..." class="img-responsive"> </div> </div> </div> </div> </div> - css - .to-color { background-color: #000; } .to-overlay { opacity : 0.5; } .respo { background-image: url("https://source.unsplash.com/category/objects/1600x900"); background-position: center center;
Read more