没事学习下jQuery easyui,顺便记录下来,并分享下。当然,初学不免有不当的地方,欢迎大家指正……
首先了解下jQuery中的消息框,在写jquery代码前,需要做一些准备工作,如:下载jQuery easyui包,解压并将相关的js、css文件引入到html文件,主要用到的css文件有
<link rel="stylesheet" href="../css/easyui.css"type="text/css">
<link rel="stylesheet" href="../css/icon.css" type="text/css">
主要用到的js文件有:
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
下面一起看下jQuery easyui中的一些消息框主要有四种,它们之间都很相似:
$.messager.alert(
"my message", //title 消息框标题
"this is content...", //msg 消息框内容
"info", // icon 图标,取值:error,question,info,warning.
function(){ //消息框关闭后调用的函数
alert("function");
});
$.messager.show({
title:"title",
width:600,
height:300,
msg:"messager.show",
showType:"fade", //显示方式:可取的值 null,slide(默认值),fade,show
showSpeed:600, //显示速度:默认600ms
style:{ //显示的位置
right:'',
bottom:'',
top:0
},
timeout:3000, //多长时间后消失,毫秒为单位
draggable:true
});
// 下面两个消息框与message.alert十分相似,只是回调函数有所不同
//confirm的回调函数带布尔类型的参数,promp消息框中有文本框
$.messager.confirm(
"this is title",
"this is msg",
function(xx){
if(xx)
alert(xx);
else
alert(xx);
});
$.messager.prompt(
"this is title",
"this is msg",
function(content){
if(content)
alert(content+" ok");
else
alert("cancel");
});
记录并分享,欢迎大家指正……