向w2ui面板添加JavaScript

<script src="path/to/w2ui.js"></script>

<div id="myPanel"></div>

$(function () {
  $('#myPanel').w2layout({
    name: 'myLayout',
    panels: [
      { type: 'top', size: 50, content: 'Top Panel' },
      { type: 'main', content: 'Main Panel' },
      { type: 'bottom', size: 50, content: 'Bottom Panel' }
    ]
  });
});

$(function () {
  $('#myPanel').w2layout({
    name: 'myLayout',
    panels: [
      { type: 'top', size: 50, content: 'Top Panel' },
      { type: 'main', content: 'Main Panel' },
      { type: 'bottom', size: 50, content: 'Bottom Panel' }
    ]
  });

  // 添加表格组件
  $('#myPanel').w2layout('main').html('<div id="myGrid"></div>');
  $('#myGrid').w2grid({
    name: 'myGrid',
    columns: [
      { field: 'name', caption: 'Name', size: '150px' },
      { field: 'age', caption: 'Age', size: '50px' },
      { field: 'email', caption: 'Email', size: '200px' }
    ],
    records: [
      { recid: 1, name: 'John Doe', age: 30, email: 'john.doe@example.com' },
      { recid: 2, name: 'Jane Smith', age: 25, email: 'jane.smith@example.com' }
    ]
  });
});