Zebra入门 互动版

Grid


   网格 是常用的组件之一,通常用来进行数据展示。Grid类用于创建新表格。

var root = (new zebra.ui.zCanvas(300, 200)).root;
root.setLayout(new zebra.layout.FlowLayout(zebra.ui.CENTER, zebra.ui.CENTER));
root.setBorder(new zebra.ui.Border());
var grid  = new zebra.ui.grid.Grid([
       [ "Cell 1.1", "Cell 1.2", "Cell 1.3"],
       [ "Cell 2.1", "Cell 2.2", "Cell 2.3"],
       [ "Cell 3.1", "Cell 3.2", "Cell 3.3"]
   ]); 
root.add(grid);

  Grid类有三个参数,依次分别是:

  • model:model参数是grid展示的数据,参数类型为数组。
  • rows:rows是数值型参数,它的作用是设置grid的行数。
  • columns:columns也是数值型参数,它的作用是设置grid的列数。
创建一个gird,并设置它的行和列。