Difference between revisions of "Editable Data Grid"

From Mea Wiki
Jump to navigation Jump to search
(Created page with " {| class="wikitable" !'''Property''' ! '''Description''' |- ||selectedRowVariable ||Context variable where currently selected row's object id of stored. |- ||query ||Query p...")
 
Line 26: Line 26:
 
||QPR Suite Web Service attribute name.
 
||QPR Suite Web Service attribute name.
 
|-
 
|-
||header
+
||attributeParameters
 +
||Parameters for the attribute.
 +
|-
 +
||headerText
 
||Column header text that is visible to users.
 
||Column header text that is visible to users.
 
|-
 
|-
 
||type
 
||type
 
||
 
||
* '''textbox''': textbox for storing string values.
+
* '''textbox''': textbox for storing string values.
* '''numericbox''': textbox for numeric values.
+
* '''numericbox''': textbox for numeric values.
* '''dropdown''': list of fixed items that are defined in '''dropdownoptions''' property.
+
* '''dropdown''': list of fixed items that are defined in '''dropdownoptions''' property.
* '''metricsdate''': Date selector that can store Metrics date type of series
+
* '''metricsdate''': Date selector that can store Metrics date type of series
* '''date''': Date selector that can store values using XML date format (e.g. 2017-10-05T16:26:42)
+
* '''date''': Date selector that can store values using XML date format (e.g. 2017-10-05T16:26:42)
* '''checkbox''': checkbox
+
* '''checkbox''': checkbox
 
|-
 
|-
 
||dropdownoptions
 
||dropdownoptions
Line 46: Line 49:
 
||falseValue
 
||falseValue
 
||attribute value corresponding to checkbox unchecked state (only used when "type" is checkbox)
 
||attribute value corresponding to checkbox unchecked state (only used when "type" is checkbox)
 +
|-
 +
||allowEditing
 +
||
 +
|-
 +
||format
 +
||
 
|-
 
|-
 
|}
 
|}
Line 56: Line 65:
 
<pre>
 
<pre>
 
{
 
{
   editSettings: {
+
   "editSettings": {
     allowAdding: true,
+
     "allowAdding": true,
     allowDeleting: true,
+
     "allowDeleting": true,
     allowEditing: true,
+
     "allowEditing": true,
     allowEditing: "normal"
+
     "allowEditing": "normal"
 
   },
 
   },
   toolbarSettings: {
+
   "toolbarSettings": {
     showToolbar: true,
+
     "showToolbar": true,
     toolbarItems: ["add", "edit", "delete", "update", "cancel"]
+
     "toolbarItems": ["add", "edit", "delete", "update", "cancel"]
 
   }                             
 
   }                             
 +
}
 +
</pre>
 +
 +
<pre>
 +
{
 +
  "columns": [
 +
    { allowEditing: false },
 +
  ]                           
 
}
 
}
 
</pre>
 
</pre>
  
 
Batch editing is not supported by the editable data grid ('''editSettings: { allowEditing: "batch" }''')
 
Batch editing is not supported by the editable data grid ('''editSettings: { allowEditing: "batch" }''')

Revision as of 19:54, 14 February 2018


Property Description
selectedRowVariable Context variable where currently selected row's object id of stored.
query Query parameter for the QPR Suite Web Service query to get the rows to the data grid.
sortby Sorting parameter for the QPR Suite Web Service query to get the rows to the data grid.
queryoptions Options parameter for the QPR Suite Web Service query to get the rows to the data grid.
columns Array of objects where each represent a column in the editable data grid.
Property Description
attribute QPR Suite Web Service attribute name.
attributeParameters Parameters for the attribute.
headerText Column header text that is visible to users.
type
  • textbox: textbox for storing string values.
  • numericbox: textbox for numeric values.
  • dropdown: list of fixed items that are defined in dropdownoptions property.
  • metricsdate: Date selector that can store Metrics date type of series
  • date: Date selector that can store values using XML date format (e.g. 2017-10-05T16:26:42)
  • checkbox: checkbox
dropdownoptions Options for the dropdown menu (object array with properties "label" [user visible text] and "value" [text to store to MEA]) (only used when "dropdown" is checkbox)
trueValue attribute value corresponding to checkbox checked state (only used when "type" is checkbox)
falseValue attribute value corresponding to checkbox unchecked state (only used when "type" is checkbox)
allowEditing
format

Available validation: http://jqueryvalidation.org/documentation/#link-list-of-built-in-validation-methods


{
  "editSettings": {
    "allowAdding": true,
    "allowDeleting": true,
    "allowEditing": true,
    "allowEditing": "normal"
  },
  "toolbarSettings": {
    "showToolbar": true,
    "toolbarItems": ["add", "edit", "delete", "update", "cancel"]
  }                             
}
{
  "columns": [
    { allowEditing: false },
  ]                             
}

Batch editing is not supported by the editable data grid (editSettings: { allowEditing: "batch" })