Zebra入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

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,并设置它的行和列。