雷林鹏分享:jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框

时间:2021-11-21 11:44:11

  jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框

  您可以创建一个带有工具栏(toolbar)和按钮(button)的对话框(dialog),可以从 HTML 标记创建。这个教程描述如何添加工具栏(toolbar)和按钮(button)到对话框(dialog),没有任何的 javascript 代码。

雷林鹏分享:jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框

  创建对话框(Dialog)

  

  toolbar="#dlg-toolbar" buttons="#dlg-buttons">

  Dialog Content.

  

  创建工具栏(Toolbar)

  

  

  

  

  

  

  

  Edit

  Help

  

  

  

  

  创建按钮(Buttons)

  

  

  

  

  

  

  

  雷林鹏分享:jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框

  

  Save

  Close

  

  

  请注意,对话框(dialog)的工具栏(toolbar)和按钮(buttons)属性也可以通过 string 值指定,它将充当作为一个选择器去选择一个适当的 DIV 元素,并追加到工具栏(toolbar)或者按钮(buttons)的位置。

  下载 jQuery EasyUI 实例

  jeasyui-win-dlg2.zip

  本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)