Search
UIControl Constructor
See Also
 






Initializes a new instance of the Control class.

Namespace: MindFusion.DataViews
File: UIControl.js

 Syntax

JavaScript  Copy Code

function UIControl ([element])

 Parameters

element
Optional.

HTMLElement. The control's associated Dom element.

 Example

This is how you create a new Grid instance. Grid inherits from UIControl.

JavaScript  Copy Code

// create the grid columns
var columns = [];

var column1 = new dv.GridColumn("index");
column1.dataType = dv.IntegerType;
column1.editable = false;
column1.caption = "#";
columns.push(column1);

var column2 = new dv.GridColumn("name");
column2.dataType = dv.StringType;
column2.caption = "Name";
columns.push(column2);

var column3 = new dv.GridColumn("profit");
column3.dataType = dv.RealNumberType;
column3.caption = "Profit Fund";
columns.push(column3);

var column4 = new dv.GridColumn("registered");
column4.dataType = dv.DateType;
column4.caption = "Registered";
column4.metaData.set("customEditor", {
    "autoComplete": true,
    "allowEmptyInput": true
});
columns.push(column4);

// create the grid control
var grid = new dv.Grid(document.getElementById("grid"));
grid.theme = "blue";
// set the model
grid.model = new dv.ArrayModel(participants, columns, "index");

 See Also