Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
wiki:subgrid [2011/06/19 07:24]
tony
wiki:subgrid [2011/08/30 09:06] (current)
sof Colon miss in subGridModel options
Line 16: Line 16:
 ^Property^Type^Description^Default^ ^Property^Type^Description^Default^
 |subGrid|boolean|If set to true this enables using a subgrid. If the subGrid is enabled a additional column at left side is added to the basic grid. This column contains a '​plus'​ image which indicate that the user can click on it to expand the row. By default all rows are collapsed.|false| |subGrid|boolean|If set to true this enables using a subgrid. If the subGrid is enabled a additional column at left side is added to the basic grid. This column contains a '​plus'​ image which indicate that the user can click on it to expand the row. By default all rows are collapsed.|false|
-|subGridOptions| object | A set of options for the subgrid. Below are all the options with tier default values \\ { \\ plusicon : "​ui-icon-plus",​\\ minusicon : "​ui-icon-minus",​\\ openicon: "​ui-icon-carat-1-sw",​ \\ expandOnLoad: ​ false, \\ selectOnExpand : false, \\ reloadOnExpand : true \\ } \\ //​plusicon//​ and //​minusicon//​ defies the icons when the grid is collapsed/​expanded. A valid name of icon from Theme Roller should be set. \\ //​openicon//​ the icon bellow the minusicon when the subgrid row is expanded \\ //​expandOnLoad//​ when set to true make it so that all rows will be expanded automatically when a new set of data is loaded. \\ //​selectOnLoad//​ when set to true the row is selected when a plusicon is clicked with the mouse. \\ //​reloadOnExpand//​ If set to false the data in the subgrid is loaded only once and all other subsequent clicks just hide or show the data and no more ajax calls  are made.| |+|subGridOptions| object | A set of options for the subgrid. Below are all the options with their default values \\ { \\ plusicon : "​ui-icon-plus",​\\ minusicon : "​ui-icon-minus",​\\ openicon: "​ui-icon-carat-1-sw",​ \\ expandOnLoad: ​ false, \\ selectOnExpand : false, \\ reloadOnExpand : true \\ } \\ //​plusicon//​ and //​minusicon//​ defies the icons when the grid is collapsed/​expanded. A valid name of icon from Theme Roller should be set. \\ //​openicon//​ the icon bellow the minusicon when the subgrid row is expanded \\ //​expandOnLoad//​ when set to true make it so that all rows will be expanded automatically when a new set of data is loaded. \\ //​selectOnLoad//​ when set to true the row is selected when a plusicon is clicked with the mouse. \\ //​reloadOnExpand//​ If set to false the data in the subgrid is loaded only once and all other subsequent clicks just hide or show the data and no more ajax calls  are made.| |
 |subGridModel|array|This property, which describes the model of the subgrid, has an effect only if the subGrid property is set to true. It is an array in which we describe the column model for the subgrid data. The syntax is :\\ subGridModel : [ \\ { name : ['​name_1','​name_2',​...,'​name_n'​],​ \\ width : [width_1,​width_2,​...,​width_n] , \\ align : ['​left','​center',​...,'​right'​] , \\ params : [param_1,​...,​param_n],​ \\ mapping:​['​name_1_map','​name_2_map',​...,'​name_n_map'​]} \\ Where \\ //name:// an array containing the labels of the columns of the subgrid.\\ //width:// an array containing the width of the columns. This array should have the same length as in name array. \\ //align:// an array containing the alignment of the columns. The values can be left, center or right. If omited ​ the aliment is left. \\ //params:// an array in which we can add a name from main grid's colModel to pass as additional parameter to the subGridUrl. \\ //​mapping://​ the parameter is used only when repeatitems in subgrid is set to false. When defined in this case we use the names from this array to map it to the subgrid names. If not set and repeatitems is false we use the name option. | | |subGridModel|array|This property, which describes the model of the subgrid, has an effect only if the subGrid property is set to true. It is an array in which we describe the column model for the subgrid data. The syntax is :\\ subGridModel : [ \\ { name : ['​name_1','​name_2',​...,'​name_n'​],​ \\ width : [width_1,​width_2,​...,​width_n] , \\ align : ['​left','​center',​...,'​right'​] , \\ params : [param_1,​...,​param_n],​ \\ mapping:​['​name_1_map','​name_2_map',​...,'​name_n_map'​]} \\ Where \\ //name:// an array containing the labels of the columns of the subgrid.\\ //width:// an array containing the width of the columns. This array should have the same length as in name array. \\ //align:// an array containing the alignment of the columns. The values can be left, center or right. If omited ​ the aliment is left. \\ //params:// an array in which we can add a name from main grid's colModel to pass as additional parameter to the subGridUrl. \\ //​mapping://​ the parameter is used only when repeatitems in subgrid is set to false. When defined in this case we use the names from this array to map it to the subgrid names. If not set and repeatitems is false we use the name option. | |
 |subgridtype|mixed|This option allow loading subgrid as a service. If not set, the datatype parameter of the parent grid is used. See the example below|null| |subgridtype|mixed|This option allow loading subgrid as a service. If not set, the datatype parameter of the parent grid is used. See the example below|null|
Line 118: Line 118:
     subGrid: true,     subGrid: true,
     subGridUrl : "​subgrid.php",​     subGridUrl : "​subgrid.php",​
-    subGridModel [ +    subGridModel ​
       {       {
       name  : ['​No',​ '​Item',​ '​Qty',​ '​Unit',​ 'Line Total'​],​       name  : ['​No',​ '​Item',​ '​Qty',​ '​Unit',​ 'Line Total'​],​

QR Code
QR Code wiki:subgrid (generated for current page)