读书人

easyUI Dialog自定义Toolbar跟button

发布时间: 2012-09-11 10:49:03 作者: rapoo

easyUI Dialog自定义Toolbar和button

@author YHC

你可以创建一个dialog 和toolbar和button,创建可以从HTML 标记,这个教程描述如何添加toolbar 和 button到dialog,没有任何的javascript代码.

easyUI Dialog自定义Toolbar跟button

创建 Dialog
<div id="dlg-buttons">      <table cellpadding="0" cellspacing="0" style="width:100%">          <tr>              <td>                  <img src="email.gif"/>              </td>              <td style="text-align:right">                  <a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')">Save</a>                  <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Close</a>              </td>          </tr>      </table>  </div>  
注意: dialog的toolbar 和 buttons也可以通过string值指定,它将充当作为一个选择器去选择一个适当的DIV元素和添加 toolbar 或者 buttons的位置.

下载 EasyUI 示例:easyui-dialog-demo.zip








读书人网 >编程

热点推荐