资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery中easyui对话框怎么用

这篇文章主要介绍了jquery中easyui对话框怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的湘潭网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

一、下载

在此我用的1.3.5版本,http://www.jeasyui.com/download/list.php

解压后,如图:jquery中easyui对话框怎么用

删除 demo文件夹。

二、建立基础模板




引入








  
    内容
  

三、对话框

1,class引入方式:

  
    Dialog Content.   

2,使用Javascript创建对话框窗口也是允许的。现在让我们创建一个模式窗口并调用'refresh'方法通过ajax读取内容。

Dialog Content.
$('#dd').dialog({   
    title: 'My Dialog', 
  
    width: 400,   
    height: 200,   
    closed: false, 
  
    cache: false, 
  
    href: 'get_content.php',   
    modal: true  
});   
$('#dd').dialog('refresh', 'new_content.php');

3,属性

jquery中easyui对话框怎么用

jquery中easyui对话框怎么用

//属性设置
$('#box').dialog({
title : '标题',
width : 400,
height : 250,
modal : true,
//toolbar : '#tt',
toolbar : [{
text : '编辑',
iconCls : 'icon-edit',
handler : function () {
alert('edit');
},
}, {}],
//buttons : '#bb',
buttons : [{
text : '保存',
iconCls : 'icon-ok',
handler : function () {
alert('save');
}
},{}]
});

编辑
帮助


保存
关闭

PS:Dialog 是继承自 Window 组件的,所以 Window 组件和 Panel 组件均可用。

4,事件列表

窗口的事件完整继承自 Window(面板)。所以,直接参考 Window 面板的事件即可。

//Dialog 事件

$('#box').dialog({

width : 600,

height : 400,

modal : true,

onClose : function () {

alert('关闭后触发!');

},

});

5,方法

dialog none 返回外部对话框对象

感谢你能够认真阅读完这篇文章,希望小编分享的“jquery中easyui对话框怎么用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网页标题:jquery中easyui对话框怎么用
链接URL:http://www.cdkjz.cn/article/jhcesp.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220