{
  "widgettype": "VBox",
  "options": {
    "width": "100%",
    "height": "100%"
  },
  "subwidgets": [
    {
      "widgettype": "HBox", 
      "options": {
        "width": "100%",
        "height": "50px"
      },
      "subwidgets": [
        {
          "widgettype": "Text",
          "options": {
            "text": "合同管理",
            "style": {
              "fontSize": "24px",
              "fontWeight": "600",
              "marginLeft": "20px",
              "marginTop": "10px"
            }
          }
        },
        {
          "widgettype": "Filler"
        },
        {
          "widgettype": "Button",
          "options": {
            "text": "新建合同",
            "styleType": "primary",
            "style": {
              "marginRight": "20px",
              "marginTop": "8px"
            }
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "urlwidget",
              "target": "main_content",
              "options": {
                "url": "{{entire_url('contract_edit.ui')}}"
              }
            }
          ]
        }
      ]
    },
    {
      "widgettype": "Filler",
      "options": {
        "height": "10px"
      }
    },
    {
      "id": "main_content",
      "widgettype": "DataGrid",
      "options": {
        "tblname": "contract",
        "width": "100%",
        "height": "calc(100% - 70px)"
      },
      "binds": [
        {
          "wid": "self",
          "event": "rowSelected",
          "actiontype": "urlwidget", 
          "target": "main_content",
          "options": {
            "url": "{{entire_url('contract_detail.ui')}}",
            "params": {
              "contract_id": "{{params.row.id}}"
            }
          }
        }
      ]
    }
  ]
}