分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery的dialog弹窗实现

发布时间:2023-09-06 01:47责任编辑:董明明关键词:jQuery

jQuery实现dialog弹窗:

html代码如下:

<input type="button" onclick="performances();" value="分配" style="background:#18a689 none repeat scroll 0 0;border:1px solid #18a689;color:#FFF;text-shadow:0px -1px 1px #1c6a9e;height:30px;width:60px;"></input>

js代码如下:

 ?????//弹出窗 ?????function performances(){ ?????????$.dialog.setting.zIndex = getzIndex(); ????????$.dialog({ ???????????content: ‘url:saleOrderMainController.do?goPerformanceDistribution‘, ????????????zIndex: getzIndex(), ????????????title: ‘分配列表‘, ????????????lock: true, ????????????width: ‘600px‘, ????????????height: ‘400px‘, ???????????opacity: 0.4, ???????????button: [ ???????????????{name: ‘<t:mutiLang langKey="common.confirm"/>‘, callback: callbackPerformance, focus: true}, ??????????????????{name: ‘<t:mutiLang langKey="common.cancel"/>‘, callback: function (){}} ??????????????] ???????}).zindex(); ?????} ?????????????//点击确定回调函数 ?????function callbackPerformance() { ?????????var iframe = this.iframe.contentWindow; ?????????var cno = iframe.$("#cnossss").val(); ???????$(‘#performance‘).val(cno); ???}

jQuery的dialog弹窗实现

原文地址:https://www.cnblogs.com/shuilangyizu/p/8686550.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved