怎么使EasyUI中Panel控件加载另一个页面内容

 时间:2024-11-17 10:50:47

1、第一步,静态页面panelcontent.html中引入EasyUI的JavaScript和CSS文件,再者需要用到jQuery,这里需要引入jquery官方js文件,修改title标签内容文字,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容

2、第二步,body标签元素内插入一个面板Panel,并修改标题为“加载内容”,设置面板宽度和高度,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容

3、第三步,在浏览器中预览该静态页面,这时会看到页面上有个标题为“加载内容”的黑色背景的面板,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容

4、第四步,在面板div元素标签内添加属性data-options,设置图标以及点击图标触发的函数;为了区分加载前的内容和加载后的内容,面板里添加一个有序列表,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容

5、第五步,这里加载内容是从另外一个页面获取的,现在需要创建另一个页面content.html,并在页面添加表格table,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容

6、第六步,再次预览静态页面,点击面板右上方的图标,这时原来的有序列表切换成一张表格,如下图所示:

怎么使EasyUI中Panel控件加载另一个页面内容
  • word中如何利用宏快速统一表格样式
  • vscode环境下latex编译无标题输出怎么办?
  • wps19版word中下拉型窗体域中如何添加下拉选项
  • Word如何在文档中插入公式。
  • SourceInsight编辑界面如何设置主题?
  • 热门搜索
    行车记录仪怎么设置 睾丸痛怎么办 宫外孕怎么办处理方法 牙垢怎么去除 小便发黄是怎么回事 化粪池的粪便怎么处理 会议记录怎么写 信怎么写格式 黄桃罐头怎么做 双眼皮贴怎么贴