Sigma Grid 2.0+ Tutorial

[steven]

This is tutorial for 2.0 +.
Sigma Grid 2 Tutorial 1 - Get started
Sigma Grid 2 Tutorial 2 - Load data from database
Sigma Grid 2 Tutorial 3 - Create, Read, Update and Delete on database

[steven]

1. Functions/Properties name changed.
saveURL/loadUrl changed to saveURL/loadURL
toolbarContext changed to toolbarContent
Value of toolbarContent 'info' changed to 'state'
All the grid property allow_xxx changed to allowXxx

2. Method to load javascript variable to grid changed.
a. Previously, you need to assign a funtion to grid. It's so complex.
loadUrl : getTestData, function getTestData(grid) { var responseT={}; var pageInfo= grid.getPageInfo(); responseT[grid.CONST.data]=           __TEST_DATA__.slice( pageInfo.startRowNum-1,pageInfo.endRowNum); responseT[grid.CONST.pageInfo]={totalRowNum :__TEST_DATA__.length } ; return responseT; }
b. From 2.1 version, you just need to point dsOption's data to your variables.
var dsOption= { ... data : __TEST_DATA__ }

3. initValue moved to dsConfig, just like the following
var dsConfig= { fields :[ {name : 'english',  type: 'float'  }, {name : 'math'   ,  type: 'float'  }, {name : 'total'   , type: 'float', initValue : function(record){ return record['english'] + record['math']; } } ] };