jquery easyui学习笔记(1)
本文导语: 例子,jquery easyui用法实例。 www. // $(function() { // $("#scriptdd").dialog({ // title: "我是用JS弹出来的", // collapsible: true, // ...
例子,jquery easyui用法实例。
www.
// $(function() {
// $("#scriptdd").dialog({
// title: "我是用JS弹出来的",
// collapsible: true,
// minimizable: true,
// maximizable: true,
// resizable: true,
// toolbar: [{
// text: '编辑', iconCls: 'icon-edit', handler: function() { alert('edit'); }
// }, { text: '删除', iconCls: 'icon-del'}],
// buttons: [{ text: '保存' }, { text: '取消', handler: function() { alert('不能删除'); } }],
// width:400,
// height:300
// });
// });
//只引用easyloader//通过 easyloader.load可以动态加载css,js文件 easyloader.load(文件名称或者文件数组,回调函数)
// easyloader.load('dialog', function() {
// $("#scriptdd").dialog({
// title: "我是用JS弹出来的",
// collapsible: true,
// minimizable: true,
// maximizable: true,
// resizable: true,
// toolbar: [{
// text: '编辑', iconCls: 'icon-edit', handler: function() { alert('edit'); }
// }, { text: '删除', iconCls: 'icon-del'}],
// buttons: [{ text: '保存' }, { text: '取消', handler: function() { alert('不能删除'); } }],
// width: 400,
// height: 300,
// modal:true
// });
//using 是easyloader.load的简写
using(['dialog', 'messager'], function() {
$("#scriptdd").dialog({
title: "我是用JS弹出来的",//标题
collapsible: true,//是否显示隐藏或折叠按钮,默认true
minimizable: true,//是否显示最小化,默认false
maximizable: true,//是否显示最大化默认是false,
resizable: true,//是否允许调整大小//默认false
toolbar: [{
text: '编辑', iconCls: 'icon-edit', handler: function() { alert('edit'); }
}, { text: '删除', iconCls: 'icon-del'}],
buttons: [{ text: '保存' }, { text: '取消', handler: function() { alert('不能删除'); } }],//要显示的工具栏
width: 400,//宽度
height: 300,//高度
modal: true//是否显示背景遮罩,该属性属于window中的属性,dialog继承至window
});
$.messager.alert('标题','保存成功')
});
Index
my first easyui