UI界面无代码编程小示例：按月份动态显示网格数量在做可视化大屏时，有时会遇到这种情况，当点击不同月份时，显示不同的天数。

在做可视化大屏时，有时会遇到这种情况，当点击不同月份时，显示不同的天数。以下是用uiotos，无一行代码，只需连钱+嵌套+变量，就能让网格数量根据月份动态变化显示。

**效果**

**「运行」**

当前示例，只演示点击按钮，不同的月份显示不同天数，方框里的内容可不必细看。整体展示

局部展示

「编辑」

**过程**

整个过程分为上方头部和下方网格。上方头部操作过程 **「步骤1」执行函数**

按钮的点击触发函数的执行。

「步骤2」数字增加

通过连线实现，每点击一次按钮，数字增加1。

「步骤3」判断值

判断值是否到达13，值为13时，输出true，否则，则输出false。

「步骤4」重定值 当值到达13时，执行透明传递，并传递给另一个透明传递的输入，确保点击右按钮时，值最多显示到12，并不会一直向上追加。

「步骤5」嵌套 通过嵌套容器嵌套，并改变其中一个外观，再结合文字和矩形组件，形成上方头部。

「步骤6」绑定变量 左、右按钮内嵌页的输出函数的输入属性绑定变量，文字的内容属性绑定变量。下方网格的操作过程

「步骤7」新建模版 利用文字、矩形组件搭建好模版，并布局。（文字内容可省略，但数字1不可省略）

「步骤8」设置内嵌组件属性 页面加载时执行透明传递，再通过解析，将输出传给数学函数的输入，通过加法运算，输出网格元素索引。

「步骤8」嵌套并网格

嵌套容器内嵌模板（注意要勾选“纯表单”），再进行网格组合（勾选索引同步、动态数量）。

「步骤9」设置2月显示28天

值是否相等函数的输入绑定变量，当月份为2时，输出true，此时执行透明传递，再将输出28传递给网格的元素数量。

「步骤10」设置4、6、9、11月显示30天

①获取索引元素函数的输入绑定变量，当月份是4、6、9、11时，获取到的索引，传递给数学计算的输入，通过运输，使输出的值始终是大于0。

②数学计算的输出执行透明传递，再通过连线将输出30传递给网格的元素数量。

「步骤11」设置1、3、5、7、8、10、12月显示31天（与步骤10逻辑相同）

①获取索引元素函数的输入绑定变量，当月份是1、3、5、7、8、10、12时，获取到的索引，传递给数学计算的输入，通过运输，使输出的值始终是大于0。

②数学计算的输出执行透明传递，再通过连线将输出31传递给网格的元素数量，设置完毕。

**最终效果**

**关于**

UIOTOS是一款“神奇”的前端工具，支持无代码搭建后台管理、上位机HMI、大屏组态等各类IoT应用。