JQuery中动态添加easyui组件动态渲染 parser具体怎么用

最新推荐文章于 2023-10-09 15:40:01 发布

Kou_Hi

最新推荐文章于 2023-10-09 15:40:01 发布

阅读量6.6k

点赞数 2

分类专栏： easyui jsp jquery

本文链接：https://blog.csdn.net/u010552788/article/details/49363107

版权

本文介绍了在JQuery中如何动态添加EasyUI组件，由于EasyUI仅在页面加载时进行渲染，因此当动态追加class属性时会失效。解决办法是使用parser进行动态渲染，解析目标为指定DOM的所有子孙元素，但不包括DOM本身。文中提到了jQuery的after、append、appendTo等方法的区别，并引用了相关参考资料和解决方案。

摘要由CSDN通过智能技术生成

在JQuery中动态追加

<span style="font-size:18px;">    	 $('#addSensorBtn').after("<div class='fitem' ><label> 传感器类型</label><input name='sensorName' class='easyui-validatebox' required='true' id='sensorName' /></div>"); 
</span>

（注意双引号里面的单引号）

class 属性失效

原因是easyui只在最初页面加载的时候进行一次性渲染

按照网上说的用 parser 渲染，我尝试第一种：

<span style="font-size:18px;">    	  var ta

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Kou_Hi

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS+jQuery+Easyui实现动态添加控件及赋值

好记性不如烂笔头--玲博小记

09-05

9328

背景：某天阳光明媚的午后，和小伙伴们完一个游戏，在一个黑箱中放了红橙黄绿青蓝紫七种颜色的球，我让几名玩游戏的小伙伴分别从黑箱里抓球，并且统计他们都抓了哪种颜色的球。。最后的结果是，有抓的多，有抓的少，抓到的颜色也不一样。那么问题来了！！如果让你做一个统计软件怎么记录小伙伴的都抓了几个球并且什么颜色的球？以下是asp代码： Index

jquery mobile 动态插入元素的正确渲染方法

热门推荐

ibingow的专栏

06-20

1万+

jqm在初始化页面时会根据data-xxx在各元素中插入jqm的属性和类等。在页面初始化结束后，如果动态的插入一个元素，往往显示很丑陋，因为没有插入jqm的样式。这个可以用浏览器里的开发工具来查看，会发现有些元素多了很多类，而动态插入的元素代码还是你写的那样子。如果要使动态插入的元素具有jqm的样式，可以对jqm对象触发create事件: $(selector).trigger('crea

4 条评论您还未登录，请先登录后发表或查看评论

02.jQuery EasyUI 的渲染方式

skyandairchild的博客

04-15

1443

动态添加easyui 控件

ab680125的博客

04-25

614

jquery提供了append,appendTo方法，可以动态添加静态的html文本，在easyui中，要动态添加easyui控件要怎么做呢，下面就来介绍动态添加easyui控件。使用方法：和添加静态html一样，只是在添加完后，需要用调用$.parser.parse()渲染页面。 1 function createPanel(container) { 2 ...

jquerymobile 动态加载表单内容后怎么重新渲染？

weixin_30443075的博客

05-22

310

在一个listview中 $("#datalist").empty(); $("#datalist").append(strHtml);$("#datalist").listview("refresh"); 但是如果strHtml中是表单不能有jqm的表单效果后来用 $("#datalist").trigger("create"); 就可以了 radio checkbox的刷新...

Jquery EasyUI $.Parser

10-19

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

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

huangbaokang的博客

10-27

2555

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

解决 easyui 动态添加控件时无法渲染的问题

bumper_harvest的专栏

10-14

3033

jQuery EasyUI 动态添加控件或者 ajax 加载页面后不能自动渲染问题的解决方法 2011-03-22 12:5 现象： AJAX 返回的 html 无法做到自动渲染为 EasyUI 的样式 . 比如： class="easyui-layout

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

huangbaokang的博客

11-07

2277

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

easyui的datagrid的数据渲染

07-07

easyui的datagrid的数据渲染

解决jquery或js动态添加easyUI元素时样式失效问题

七色花

02-07

3340

今天做项目时，遇到一个难题。循环添加easyUI的select下拉框时，样式不对。于是，我想了一些方法，比如直接写出来，但是全部隐藏，点击添加的时候，再一行一行显示出来（有点儿傻），可是下拉框是保证了样式，但是别的样式错误了。于是，我复制HTML最终生成的元素，进行添加看看，又发现下拉按钮不起作用了。最后，我看了一下官方文档，发现 $.parser.parse(); 这个方法是可以对整个

easyui 关于渲染的问题。

luoyeyeyu的专栏

03-14

2056

1,easyui 渲染问题一般都可以自动渲染的。但是据我所知有两种情况可能无法自动渲染。 ①，当页面装载完后，如果用javascript生成的DOM中包含了Easyui支持控件的class可能无法自动渲染。 ②，通过Jquery 的Load方法加载包含easyui 控件的页面时。这两种情况可能会无法自动渲染。因为easyui不可能一直监听页面，所有出现无法自动渲染。所以我们

easyUI实现动态增加表头

W2G的专栏

04-18

1718

本来是要写一个根据后台传来的数据动态实现增加表头的，但是由于我是通过前台勾选checkbox，然后前台显示出我勾选的表头，后台只是拿数据然后显示上去，所以就不那么麻烦了，之前也是有百度查看根据后台的值去实现，但是奈何改了半天发现无法成功，只能采用这种偷懒的方式首先我是要通过勾选checkbox，所以我的思路就是让展示数据的地方根据勾选与否去选择是否进行隐藏，如果勾选了，就显示显示，否则默认隐藏

easyUI重新渲染

JQuery中动态添加easyui组件 动态渲染 parser具体怎么用

JQuery中动态添加easyui组件动态渲染 parser具体怎么用