VCL.JS

//Simple dbgrid bounded to a queryimport V = require("VCL/VCL");export class PageHome extends V.TPage {  constructor() {    super();   var btn = new V.TButton(this,'btn');   btn.text = "Open/Close";   btn.onClicked = ()=> {       qur.Active=!qur.Active;   }    //create a backend query    var qur = new V.TQuery(this);    qur.SQL = "SELECT FirstName, LastName FROM Customers";    qur.open();    //create a grid on the screen    var grd = new V.TDBGrid(this, "grid");    grd.Dataset = qur; //bind the grid to the dataset    var col = grd.createColumn(“FirstName”);    var col = grd.createColumn(“Lastname”,”Last Name”);     }}

<div class="row">     <div id="btn"></div><div class="row">     <div id="grid" class="span12"></div>

//Simple dbgrid bounded to a query import V = require("VCL/VCL"); export class PageHome extends V.TPage {   constructor() {     super();     var btn = new V.TButton(this,'btn');    btn.text = "Open/Close";    btn.onClicked = ()=> {        qur.Active=!qur.Active;    }      //create a backend query     var qur = new V.TQuery(this);     qur.SQL = "SELECT FirstName, LastName FROM Customers";     qur.open();      //create a grid on the screen     var grd = new V.TDBGrid(this, "grid");     grd.Dataset = qur; //bind the grid to the dataset     var col = grd.createColumn(“FirstName”);     var col = grd.createColumn(“Lastname”,”Last Name”);        } }