码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的dialog弹窗实现

时间:2018-04-01 14:59:14      阅读:1430      评论:0      收藏:0      [点我收藏+]

标签:bsp   distrib   shadow   回调   key   rman   com   muti   click   

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弹窗实现

标签:bsp   distrib   shadow   回调   key   rman   com   muti   click   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!