精华内容
下载资源
问答
  • jquery dialog 弹出 ajax加载数据

    千次阅读 2017-06-26 17:34:26
    我之前就是想实现一个弹框,在弹框的时候用ajax 动态加载要展示的内容,这个地方实现起来并不难,但是在实现的时候遇到了一个坑。 页面: 查看日志 function seeKsLog(id){ var ksxm = "${request...

    我之前就是想实现一个弹框,在弹框的时候用ajax 动态加载要展示的内容,这个地方实现起来并不难,但是在实现的时候遇到了一个坑。

    页面:

    <div id="logDiv" style="display: none;" >
    			
    </div>
    <a href="#" οnclick="javascript:seeKsLog('${requestScope.ksmap['ID'] }')">查看日志</a> </td>



    function seeKsLog(id){
    		var ksxm = "${requestScope.ksmap['KSXM']}";
    		var zjhm = "${requestScope.ksmap['ZJHM']}";
                    var  jqxr =$.post("<%=request.getContextPath()%>/syslog/seeKsLog.htm",
    						{"examineeid":id,"ksxm":ksxm,"zjhm":zjhm},
    						function(data){
    							var aaa = "<table width='100%'  border='1' cellspacing='0' cellpadding='0'>
                                                                    <tr><th class='title-bar'><b> 考生姓名 </b></th>
                                                                        <th class='title-bar'><b>证件号码</b></th> 
                                                                        <th class='title-bar'><b>操作IP</b></th>"
    		                   		                  +"<th class='title-bar'><b>操作人员</b></th> 
                                                                        <th class='title-bar'><b>操作时间</b></th> 
                                                                        <th class='title-bar'><b>操作内容</b></th> </tr>";
    		                   		 for(var i=0;i<data.length;i++){
    		                   	 		if(data&&data.length>0){
    		                   			 aaa+="<tr> <td>   "+ksxm+"  </td><td>  "+zjhm+"  </td>";
    		                   			 aaa+="<td>   "+data[i].accessip+"  </td>";
    		                   			 if(data[i].managername!=null){
    		                   				 aaa+="<td>  "+data[i].managername+"  </td>";
    		                   			 }else{
    		                   				 aaa+="<td>  本人  </td>";
    		                   			 }
    		                   			 aaa+="<td>   "+data[i].data+"  </td><td>  "+data[i].miaoshu+"  </td></tr>"
    		    	                		}
    		                   	 	}
    		                   		 aaa+="<tr><td colspan='6' align='center'>
                                                         <font style='color:red'>  '提示: 交易结果2表示支付成功,交易结果0表示未支付。'</font>
                                                    </td></tr></table>";
    		                   		 $("#logDiv").html(aaa);
    						});
    
    
    首先:坑1: 我在拼串的时候用了append()

    append():方法在被选元素的结尾(仍然在内部)插入指定内容。  这个地方啥意思?就是插入的内容还是在你选择的那个标签里面

    这个地方写完以后,我定义了dialog初始化操作,在$(function(){});里面,但是 在第一打开dialog的时候,总是第一遍没有数据,第二遍才出现,后来才发现,原来是因为加载还没结束,就执行下面的打开操作了。所以给函数加一个complete的方法,等加载完成后再执行dialog的open操作。

    jqxr.complete(function(){
    					var cont = $("#logDiv").html();
    						alw(cont);
    				});
    
    
     function alw(aa){
                    art.dialog({
                        title:'考生操作日志',
                        content:aa,
                        //icon:'question',
                        lock:true,
                        resize:false,
                        button:[
                                {name:'关闭',callback:function(){
                                    return true;
                                }}]    
                    });
                }



    这么搞没问题






    展开全文
  • easyUI中的dialog中的combobox数据有时加载不出来,或者是一些文字也有时加载不出来,后来发现,dialog每次关闭并不会销毁原dialog中的元素,关闭的dialog中未被销毁的元素会对下一次打开同一dialog的数据加载产生...

    在前端使用easyUI开发的过程中遇到一个奇怪的问题,easyUI中的dialog中的combobox数据有时加载不出来,或者是一些文字也有时加载不出来,后来发现,dialog每次关闭并不会销毁原dialog中的元素,关闭的dialog中未被销毁的元素会对下一次打开同一dialog的数据加载产生影响,所以需要在关闭dialog时清理dialog中的元素信息,在关闭事件中加一行代码即可。

    var divdialog = $("#divdialog").dialog({  
        onClose: function () {  
             divdialg.dialog('clear');  //清理该dialog的元素
        }  
    }); 
    
    展开全文
  • 摘要:脚本资源,Ajax/JavaScript,弹出窗口,浮动层 jquery Dialog 弹出窗口,网页弹出框插件,一款网页浮动层效果,加载的比较慢,调用了远程的CSS资源,请耐心等待加载完毕。  如上图所示,当加载完毕后,点击...
  • 重写ProgressDialog public class MyProgressDialog extends ProgressDialog { public MyProgressDialog(final Context context) { super(context); } @Override public void show() { ...

    重写ProgressDialog

    public class MyProgressDialog extends ProgressDialog {
        public MyProgressDialog(final Context context) {
            super(context);
        }
    
        @Override
        public void show() {
            this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE, WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
            super.show();
            fullScreenImmersive(getWindow().getDecorView());
            this.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
    
        }
        private void fullScreenImmersive(View view) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                int uiOptions = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_FULLSCREEN;
                view.setSystemUiVisibility(uiOptions);
            }
        }
    }
    
    展开全文
  • el-dialog弹出框编辑

    2020-12-02 11:31:40
    官方的弹出框 官方文档el-dialog按照官方文档区写就好了,我这里就不展示“表格”和“弹出框表单”的代码了,只留下事件的代码块。 点击“编辑”时,是将行数据赋值给“编辑表单”this.editForm = Object.assign({},...

    先看效果:
    在这里插入图片描述官方的弹出框 官方文档el-dialog按照官方文档区写就好了,我这里就不展示“表格”和“弹出框表单”的代码了,只留下事件的代码块。
    点击“编辑”时,是将行数据赋值给“编辑表单”this.editForm = Object.assign({}, row),这样就会把行数据在“编辑”中展示出来。注意:点击“编辑”事件时,加上this.dialogEditFormVisible=true,默认时,其为false,这样“弹出框”弹出时也携带着相对应的数据,修改完,点击“确认提交”就ok了。有点地方是不需要更改的,这里我加了disabled,加了它表示此处禁用(无法修改:无法修改的数据是不能变动了,比如:表里的“用户编号”、“用户账号”等是后端系统自动生成了,只可以查看,但修改可能会带来数据混乱的效果,也是保护了数据)。
    对你有帮助请留下你的足迹

    
    //触发编辑OK
            handleEdit(row){
                this.dialogEditFormVisible=true
                this.editForm = Object.assign({}, row)
                // console.log(row)
            },
            //编辑事件ok
            handleUpdate(index,row){
                
                const params = {
                    name:this.editForm.label,
                    usercode:this.editForm.usercode,
                    username:this.editForm.username,
                    phone_num:this.editForm.phone_num,
                    wechat_num:this.editForm.wechat_num,
                    sub_org_id:this.editForm.sub_org_id, //如何获取id??
                    sub_org_name:this.editForm.sub_org_name,   //所属机构
                    role_type:this.editForm.role_type,   //角色类型
                    role_name:this.editForm.role_name,    //角色
                    email:this.editForm.email,
                    manage_org:this.editForm.manage_org,   //????????
                    manage_org_name:this.editForm.manage_org_name,   //管理机构
                }
                const id = this.editForm.id
                this.$http.put('/xxx/xxxx/xxxxxx/'+ id +'/',params).then((res) => {
                    if(res.status === 200){
                        this.$message.success('修改成功')
                        // this.tableDisplay()  //重新加载展示框
                        // this.reload()    //刷新当前页面
                        this.dialogEditFormVisible = false
                    }else{
                        this.$message.warning('修改失败,请重新点击“编辑”')
                    }
                }).catch(() => {
                    this.$message.danger('请求失败')
                })
            },
    

    这个是弹出框编辑,行内编辑会在后面写出来。

    展开全文
  • NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
  • 做项目的时候状态栏要求使用UI提供的颜色色值,但是当加载数据的进度弹出弹出时,状态栏回变黑色,进度条隐藏后又变成配置的颜色,看上去体验上不太好 解决办法: public class LoadingDialog extends Dialog {...
  • Dialog弹出样式

    2019-05-14 13:06:11
    https://blog.csdn.net/u013836857/article/details/52046694
  • 自定义dialog 弹出动画

    2016-12-12 13:01:44
    自定义一个加载弹出dialog动画可以拿来直接用,最新测试过的。资源图片是网上找到的。但是代码不能实现功能,所以就把图片收藏了,代码从新实现。在这里设置动画效果,一个imageview 设置背景animation-list, ...
  • 使用easy ui 的dialog弹出框制作后台管理系统时需要点击按钮弹出个新的弹出框,为了保持每次点击显示出来的数据都是重新渲染,从后台获取的,可以这样来写:function piliangchuli(){ $("").dialog({ title: '...
  • 文章目录一、 需求场景二、 使用Dialog的坑三、Dialog弹出输入框封装四、封装组件的使用 一、 需求场景 1.在添加分组时会弹出一个输入弹框 2.在输入后,点击确认按钮就行,添加分组操作 3.在点击按钮的同时会判断这...
  • 超漂亮的仿腾讯弹出层效果(兼容主流浏览器)源代码
  • 在页面中点击链接,弹出窗口,窗口中加载指定的页面内容 1.vue文件内容 html部分的代码 <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" height="100%" :before-close="handle...
  • vue--vant组件库Dialog弹出

    千次阅读 2020-06-20 18:51:33
    vue–vant组件库Dialog弹出
  • Android Dialog 弹出框 自定义 样式

    千次阅读 2014-04-28 14:03:30
    可以去除系统的Dialog的黑边,而且Dialog的样式
  • 最后将弹出页面的script代码放到dialog的onLoad事件内, 复制代码 '''' cache : false, href : map["href"], modal : true, onLoad:function(){ var instance = CKEDITOR.instances["content"]; if ...
  • Android Dialog弹出对话框整理总结

    万次阅读 2018-08-22 15:45:11
    对话框的概念: 对话框是提示用户作出决定,输入额外信息或显示某种状态的小窗口,通常不会... Dialog类是dialog对话框的基类,Dialog基类中并没有定义界面,所以如果使用dialog类设置弹出框,需要使用xml自定义...
  • 小程序Dialog弹出

    2020-03-31 09:21:08
    js // pages/dialog/dialog.js Page({ /** * 页面的初始数据 */ data: { showModalStatus: false }, click1:function(){ wx.showToast({ title: '纯文字弹窗', icon: 'non...
  • dialog弹出后闪屏问题

    千次阅读 2020-08-13 10:19:14
    style name="NullAnimationDialog" parent="@android:style/Animation.Dialog"> <item name="android:windowEnterAnimation">@null</item> <item name="android:windowExitAnimation">...
  • 按钮:&lt;button type="button"...弹出dialog&lt;/button&gt;form表单(首先要有一个隐藏的div):&lt;div hidden="true"&gt; &lt;div id="dialogExp"
  • Element-ui的弹出框是在前端开发中经常是会用的一个功能;但是我们在使用的过程中会发现每次弹出框的数据在操作后很难清除或者重置;比如文件上传,分页数据等等,这里给大家提供一种方法 v-if='dialogVisible’ &...
  • 果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它加载远程数据并且显示咋面板...
  • Jeecg中Dialog弹出新页面自定义按钮

    千次阅读 2017-07-18 15:38:43
    关于jeecg中的弹出dialog在jeecg中使用到的dialog实际上是使用的lghDialog组件具体可以参考lghDialog的API:http://www.lhgdialog.com/demo/function createNewWindow(title,
  • van-dialog 弹出框之组件调用小结 - Vue

    千次阅读 2020-06-01 10:35:15
    van-dialog弹出框之组件调用方法小结,结合一些 api 中提供的属性进行组合搭配后的效果。 html <button type="button" style="width: 100px; height: 30px;" @click="remarksPaperClick">备注</...
  • DialogDemo 弹出框例子,底部弹框,时间加载框,spinner
  • modaldialog:弹出框-源码

    2021-04-27 23:29:47
    modalDialog 弹出框 提示框,确认框。 公共参数 clazz: 弹出框的css类名 cancelStr: 取消按钮的按钮名 sureStr: 确定按钮的按钮名 title: 弹出框的标题 content: 弹出框内容 header: 表示头部的html模板 okCallback...
  • Dialog风格弹出框的Activity
  • 我用jquery ui 弹出一个购物车的对话,通过AJAX加载的数据。发现购物车被缓存,一直看到是旧数据。为了刷新购物车更新,我必须去加一个刷新按钮,点击后更新购物车页面。有没有一种方法来自动刷新加载到对话框的内容...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,685
精华内容 9,474
关键字:

dialog弹出加载时间