javascript - 使用 javascript 展开/折叠 zk 面板

Question

我想单击 ZK 的边框布局(可折叠的“东”或“北”或...)以使用 javascript 临时打开它。我该怎么办？

在此先感谢好友。

更新:

关闭时，通过点击关闭边框区域(不是打开ICON)(看光标在图片中的位置) 暂时开放。我想要一个封闭的 borderLayout 并使用 javascript/jquery 打开它。

图片:

Answer 1

1.从ZK客户端引擎获取widget。

2.调用setOpen(true)或setOpen(false)

这是一个示例，您也可以在 ZK fiddle 平台上进行测试。

http://zkfiddle.org/sample/bk3jop/1-Close-border-layout-panel-by-javascript

<zk xmlns:w="client">

  <script>
    function closeNorth(){
      var widget = zk.Widget.$("$mynorth"); //Using the pattern for $ + ID to select a ZK widget. 
      widget.setOpen(false);

    }
    function openNorth(){
      var widget = zk.Widget.$("$mynorth"); //Using the pattern for $ + ID to select a ZK widget. 
      widget.setOpen(true);

    }    
  </script>
  <button label="click me to close it" w:onClick="closeNorth();" />          
  <button label="click me to open it" w:onClick="openNorth();"  />    

  <borderlayout >
    <north id="mynorth" title="North" maxsize="300" size="50%" splittable="true" collapsible="true">
          <div>
           Test .... <textbox />
          </div>
    </north>
  </borderlayout>

</zk>