This commit is contained in:
55
WebRoot/js/easyui-1.3.5/demo/dialog/toolbarbuttons.html
Normal file
55
WebRoot/js/easyui-1.3.5/demo/dialog/toolbarbuttons.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Toolbar and Buttons - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Toolbar and Buttons</h2>
|
||||
<div class="demo-info">
|
||||
<div class="demo-tip icon-tip"></div>
|
||||
<div>The toolbar and buttons can be added to dialog.</div>
|
||||
</div>
|
||||
<div style="margin:10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>
|
||||
</div>
|
||||
<div id="dlg" class="easyui-dialog" title="Toolbar and Buttons" style="width:400px;height:200px;padding:10px"
|
||||
data-options="
|
||||
iconCls: 'icon-save',
|
||||
toolbar: [{
|
||||
text:'Add',
|
||||
iconCls:'icon-add',
|
||||
handler:function(){
|
||||
alert('add')
|
||||
}
|
||||
},'-',{
|
||||
text:'Save',
|
||||
iconCls:'icon-save',
|
||||
handler:function(){
|
||||
alert('save')
|
||||
}
|
||||
}],
|
||||
buttons: [{
|
||||
text:'Ok',
|
||||
iconCls:'icon-ok',
|
||||
handler:function(){
|
||||
alert('ok');
|
||||
}
|
||||
},{
|
||||
text:'Cancel',
|
||||
handler:function(){
|
||||
alert('cancel');;
|
||||
}
|
||||
}]
|
||||
">
|
||||
The dialog content.
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user