State

在 Mist 中,不可直接修改视图,而是通过更新状态使视图重新计算。

比如,如果要实现展开/收起的功能,每次点击时只需改变状态,即可自动重新生成视图。

显示/隐藏代码
{"layout":{"style":{"padding":10,"direction":"vertical"},"children":[{"children":[{"type":"text","style":{"text":"Lorem ipsum","font-size":20}},{"type":"text","style":{"text":"${state.expanded ? '收起' : '展开'}","color":"blue","margin-left":"auto"},"on-tap":{"updateState:":{"expanded":"${!state.expanded}"}}}]},{"gone":"${!state.expanded}","type":"text","style":{"text":"Lorem ipsum dolor sit er elit lamet, consectetaur cillium adipisicing pecu, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.","font-size":16,"color":"gray","margin-top":6,"lines":0}}]}}

初始状态

初始状态通过模版中的 state 定义,或在对应 Controller 中重写 initialState 方法,模版中的 state 属性优先使用。

状态更新

调用 Controller 中的 updateState 方法更新状态。

results matching ""

    No results matching ""