jQuery的dialog弹窗实现

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);
    }

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

时间: 2024-10-13 11:42:33

jQuery的dialog弹窗实现的相关文章

Select2 在jquery UI Dialog 搜索项失效且不能focus到搜索框解决方案

今天在项目到遇到一个select2插件在jquery UI Dialog 不能focus到搜索框的问题,后来在js 代码中加入(位置可以自己选 ,我选的位置是select2.min.js 后面,因为很多地方都用到,不用针对一个一个功能去修改): $.ui.dialog.prototype._allowInteraction = function(e) {     return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-

jquery 点击弹窗之外的地方,关闭?弹窗

jquery 点击弹窗之外的地方,关闭弹窗 方法一: $(document).click(function(event){ var _con = $(".select3_box"); if(!_con.is(event.target) && (_con.has(event.target).length ===0)){ _con.remove(); $(mythis).show(); } }); 方法二: $(document).click(function(event)

解决Select2控件不能在jQuery UI Dialog中不能搜索的bug

本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面.逻辑是修改一个广告的图片和标题. 效果截图如下: 使用Select2,主要是因为它支持下拉式搜索.所以在数据稍微多一点,作为搜索选择功能的首选.但是运行出来之后,发现搜索框无法点击.开始想到的index不够大,被其他的元素覆盖了.但是跳转z-index也无法解决.在普通的页面,搜索框是ok的. 2.解决办法 通过Google搜索,发现sele

jQuery UI dialog 参数说明

前段时间碰到个问题 jquery UI dialog弹出层 弹出多个层是 比如弹出两个层A和B  B层如果显示的数据表格太大,伸到了A层的外面,那伸到A层之外的部分就看不到了,因为B层是在A层上弹出的 B的大小受到A层大小的限制 于是找到了这个资料 保存下来 ----------------------------------------------------------------------------------------------------- 初始化参数 对于 dialog 来说

API分析——Jquery UI Dialog

1.阅读API文档的一般方法? 通常地, API由三部分构成:属性.方法.事件. 属性表示参数配置,作为一个组件的微调,或者功能的开启与关闭: 方法表示组件能够发生的动作,或者组件的状态监测: 事件表示触发,即提供一个观测点,当触碰到观测点时,将产生通知或函数回调: 这三类几乎覆盖了可能的用户动作.数据传递. 2.如何看Jquery UI Dialog的API? 2.1了解对话框的构成 要掌握一个东西,就必须先了解他,就像吃饭睡觉那么自然,才能更好地掌握. 对于对话框,我们也要做同样的了解. 我

JQuery UI dialog Demo

原文:JQuery UI dialog Demo 源代码下载地址:http://www.zuidaima.com/share/1550463533812736.htm 小例子

个人学习jQuery uI dialog +mvcpager心得

最近上班过程中用到了jQuery ui,说实话我也没得用过这个jQuery ui 框架,写的不好的地方希望大家多多指点. 首先,我们在用到这个dialog这个弹出层方法事,先定义一个 ,当然你也可以直接用这个dialog方法里面的属性来实现,本人针对这个dialog的方法做了一个增删查改. 控制器方法: /// /// 公共字典信息集合 /// /// /// public ActionResult Vocabulary(int id=1) { var List = comm_DictTypeB

jquery ui dialog 内部使用asp.net控件

dialog中只要加上 appendTo:"form", 就能解决后端无法获取asp.net控件的值,同时解决了 modal: true, 启动模式对话框时无法操作对话框. jquery ui dialog代码: $(document).ready(function() { $( "#dialog" ).dialog({ autoOpen: true, appendTo:"form", height: 250, width: 300, modal

JQuery之编写弹窗

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0;} #login { z-index:9999; height: 200px; width: 300px; background: #ccc; p