easyui $.parser.parse 页面重新渲染

最新推荐文章于 2023-10-09 15:40:01 发布
最新推荐文章于 2023-10-09 15:40:01 发布
阅读量278 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangjunwei/p/4881875.html
本文介绍了如何在页面已渲染的情况下使用Easui库动态加载样式。通过调用$.parser.parse()方法可以实现对特定节点或整个页面样式的重新解析。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

一些dom元素是动态拼接上的easui的样式，由于页面已经渲染过了，所以需要手动执行渲染某个部件或者整个页面

$.parser.parse();       // parse all the page
$.parser.parse('#cc');  // parse the specified node




 $.parser.parse($("#grid").parent());


转载于:https://www.cnblogs.com/wangjunwei/p/4881875.html

                

        




    

    
  



    



                



	

		

			

				
					
jQuery Easy UI的使用

				
			

			

				

					曹海成的专栏
				

				

					08-26
					
					6648
					
				

			

		

		

			
				
一、初步认识
1、什么是jQuery Easy UI 

jQuery Easy UI是一组基于jQuery的UI插件集合，而jQuery Easy UI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。

			
		

	



                

            
              



	

		

			

				
					
使用easyui的$.parser.parse()解决页面初始化样式丑的问题

				
			

			

				

					张小洛的BOLG
				

				

					03-07
					
					1212
					
				

			

		

		

			
				
问题：

进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。
原因：就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，当布局和组件比较多的时候，完整的解析组件就需要一个过程，就会出现短暂的界面混乱现象。


解决办法：

利用onComplete事件+载入遮罩。相当于把那段easyUI渲染时的不友好页面给隐藏掉了

1、使用easyui加遮罩层，...

			
		

	



              


  
              

                


	

		

			

				
					
EasyUI之动态修改或添加textbox等表单组件

				
			

			

				

					小小码农
				

				

					08-09
					
					8490
					
				

			

		

		

			
				
在某个input标签上添加class=”easyui-datebox”，它就能自动变成日历，这其实是EasyUI扫描的结果，在网页加载完成后，相当于在$(document).ready()事件中，对整个网页进行了一次扫描，发现某个input标签含有class=”easyui-datebox”属性，就做上边讲到那些处理，不仅仅是EasyUI如此，几乎所有的UI都是这个原理。 因此，如果我们用什么app

			
		

	





	

		

			

				
					
easyUI,重新渲染

					
热门推荐

				
			

			

				

					赶路人儿
				

				

					01-16
					
					1万+
					
				

			

		

		

			
				
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法  可以使用$.parser.parse();这个方法进行处理；

例如：



$.parser.parse();
表示对整个页面重新渲染，渲染完就可以看到easyui原来的样式了；


var targetObj = $("").appendTo("#id");
$.parser.parse(tar

			
		

	



		

			
		



	

		

			

				
					
easyUI重新渲染

					
最新发布

				
			

			

				

					不积跬步，无以至千里
				

				

					10-09
					
					1574
					
				

			

		

		

			
				
使用Easyui 时，动态后添加的元素样式无法生效。

			
		

	





	

		

			

				
					
Easyui 中重新渲染Datagrid等依赖于Panel的组件

				
			

			

				

					BerylFanZi的专栏
				

				

					05-07
					
					4863
					
				

			

		

		

			
				
Datagrid创建之后，可以按照某些列进行排序，点击可以排序的列之后，列名后会出现显示升序还是降序的小箭头。现在想增加一个刷新按钮，点击后取消所有排序条件，按照原始的顺序来展示数据，并且使表头的每列恢复初始状态，即没有小箭头的状态。
       反复看了Datagrid的API，没有发现可以重新渲染的方法，即便再去重新创建这个Datagrid，还是没法去掉箭头。Datagrid也不像text

			
		

	





	

		

			

				
					
Jquery EasyUI $.Parser

				
			

			

				

					10-19
				

			

		

		

			
				
在 jQuery EasyUI 中，`$.Parser` 是一个关键的对象，用于自动检测并初始化页面上的 EasyUI 组件。这个对象包含了几个重要的属性和方法，使得开发者能够更好地控制页面元素的初始化过程。  首先，`$.Parser` 的 `...

			
		

	





	

		

			

				
					
Easyui动态添加控件无法渲染  $.parser.parse()无效

				
			

			

				

					huangbaokang的博客
				

				

					10-27
					
					2629
					
				

			

		

		

			
				
动态添加easyui控件<input class="easyui-combobox" > 这样是无效的，因为easyui没有实时监控，所以必须动态渲染$.parser.parse();$.parser.parse(context)  
//context  为待查找的 DOM 元素集、文档或 jQuery 对象,为空时默认为整个文档  
//渲染对象为： class="easyui-pluginNa

			
		

	





	

		

			

				
					
在动态插入Easyui datebox控件时，使用$.parser.parse()手工渲染时，解决日期控件原有的值被清除问题

				
			

			

				

					huangbaokang的博客
				

				

					11-07
					
					2348
					
				

			

		

		

			
				
在使用Easyui做前台页面时，很多时候需要应用到动态插入和删除DOM操作。如下，是我项目中任务系统中，添加任务时需要添加多个阶段描述，我使用的是Jquery操作DOM的。但是发现了一个问题，刚开始的时候没有使用.parser.parse()进行渲染时，新添加的easyui控件样式完全显示不出来，包括像placeholder这样的提示都没有。查阅相关资料知道.parser.parse()进行渲染时，

			
		

	





	

		

			

				
					
  $.parser.parse

				
			

			

				

					05-31
				

			

		

		

			
				
在使用 EasyUI 组件时，需要在页面加载完成后调用 `$.parser.parse` 方法对页面进行解析，以便正确渲染 EasyUI 组件。具体使用方法如下：  ```javascript $(function(){  $.parser.parse(); }); ```  上述代码表示在...

			
		

	





	

		

			

				
					
EasyUI加载完Html内容样式渲染完成后显示

				
			

			

				

					12-03
				

			

		

		

			
				
等待页面的css样式加载完毕，Html内容加载完毕，样式生成后再进行展示，避免一开始加载内容后，逐渐渲染样式造成的不良视觉效果，增强用户体验。

新增base-loading.js文件，代码如下

//获取浏览器页面可见高度和宽度
var _PageHeight = document.documentElement.clientHeight,
_PageWidth = document.documentElement.clientWidth;
//计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）
var _LoadingTop = _PageHei

			
		

	





	

		

			

				
					
easyui刷新渲染

				
			

			

				

					weixin_30645617的博客
				

				

					06-11
					
					295
					
				

			

		

		

			
				
通过使用字符串的方式将标签append到指定的元素下，这时easyui的样式并不会渲染上去
需要通过使用 parse 解析器来重新进行渲染，具体代码如下


/新增节点的字符串
var optionEleStr =
　　`<div class="fitem">
 　　　　<label>选项</label>
　　　　<input name="...

			
		

	





	

		

			

				
					
【EasyUI】使用Jquery.load动态加载时重新渲染

				
			

			

				

					weixin_30588675的博客
				

				

					07-30
					
					500
					
				

			

		

		

			
				
EasyUI重新渲染：

$.parser.parse('#app'); // 重新渲染 #app 下的元素

添加个扩展方法（方便使用）：

1 $.fn.extend({
2      Load:function (url,fun) {
3          var $this = this;
4          $(this).load(url,function (res...

			
		

	





	

		

			

				
					
js动态修改Easyui元素不生效,EasyUI动态渲染解析解决方案

				
			

			

				

					weixin_30533797的博客
				

				

					12-20
					
					139
					
				

			

		

		

			
				
easyui的渲染是在在网页加载完成后，相当于在$(document).ready()事件中，对整个网页进行了一次扫描，发现某个input标签含有easyui的属性，就在相应的地方进行ui的修改。因此，如果我们用什么append、appendTo方法动态在页面中插入一段html代码，或者用什么addClass方法给input标签动态添加一个class属性，这些操作EasyUI是不知道的，...

			
		

	





	

		

			

				
					
EasyUi-Parser(解析器)

				
			

			

				

					an_xiaoyu1024的博客
				

				

					04-15
					
					148
					
				

			

		

		

			
				
Parser(解析器)
Usage（用法）

1 $.parser.parse();          //解析所有页面
2 $.parser.parse('#cc');   //解析指定节点

Properties(属性)




Name(名称)


Type（类型）


Description（描述）


Default
（默认属性）

...

			
		

	





	

		

			

				
					
easyui 动态增加空间后  样式的渲染

				
			

			

				

					Syhenian的专栏
				

				

					09-05
					
					726
					
				

			

		

		

			
				
var targetObj = $("").appendTo("#id");

     $.parser.parse(targetObj);

			
		

	





	

		

			

				
					
JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案

				
			

			

				

					p15097962069的博客
				

				

					10-22
					
					148
					
				

			

		

		

			
				
JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案

			
		

	





	

		

			

				
					
EasyUI之Parser(解析器)

				
			

			

				

					a3060858469的博客
				

				

					08-30
					
					995
					
				

			

		

		

			
				
$.parser.parse()

parser能够有两种用法: 

1、$.parser.parse();不带參数,默认解析该页面中全部被定义为easyui组件的节点。  
2、$.parser.parse('#cc');带一个jquery选择器，使用这样的方式我们能够单独解析局部的easyui组件节点。 

parser属性:

$.parser.auto 
类型:boolean 
描述:定义...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值