在动态插入Easyui datebox控件时,使用$.parser.parse()手工渲染时,解决日期控件原有的值被清除问题
来源:互联网 发布:照片打印软件免费版 编辑:程序博客网 时间:2024/05/16 10:25
在使用Easyui做前台页面时,很多时候需要应用到动态插入和删除DOM操作。如下,是我项目中任务系统中,添加任务时需要添加多个阶段描述,我使用的是Jquery操作DOM的。
但是发现了一个问题,刚开始的时候没有使用$.parser.parse()
进行渲染时,新添加的easyui控件样式完全显示不出来,包括像placeholder这样的提示都没有。查阅相关资料知道$.parser.parse()
还可以传递一个DOM对象,感觉有救了,但是我们只渲染我们刚添加的DOM,而不是指定某个id或class,刚好Jquery的insetBefore方法返回值就是刚添加的DOM,其他的appendTo类似,都是返回刚添加的DOM。
项目中我的代码是这样的,perfect解决!
// 添加任务阶段点击事件 $("#addTaskStage") .click( function() { var copyNode = $("<div class=\"append\" style=\"margin: 20px auto; width: 90%; border: 1px dotted #333\">" +"<div style=\"margin: 20px 0 0 20px;\">" +"<label class=\"Validform_label\">第一阶段:</label>" +"<textarea rows=\"5\" cols=\"30\" class=\"stage_content\" style=\"width: 70%;vertical-align: top\" placeholder=\"请输入阶段任务描述\"></textarea>" +"</div>" +"<div style=\"margin: 20px 0 0 20px\">" +"<label class=\"Validform_label\">任务文件:</label>" +"<table style=\"margin-left: 50px;\" cellspacing=\"1\" cellpadding=\"0\" border=\"0\">" +"<tr>" +"<td class=\"txt_value\">" +"<div style=\"width: 588px; height: 270px;\">" +"<iframe scrolling=\"no\" frameborder=\"0\" id=\"FrameID\" name=\"FrameID\" src=\"<%=path%>/res/image-upload/img_uploadMutil.jsp\" style=\"width: 90%; height: 100%;\"></iframe>" + "<input type=\"hidden\" id=\"imgs\" class=\"stage_fileds_id\" name=\"img_url\" /> " + "</div>" + "</td>" + "</tr>" + "</table>" + "</div>" + "<div style=\"margin: 20px 0 0 20px;\">" + "<label class=\"Validform_label\">组织赋分:</label>" + "<input class=\"easyui-numberbox org_score\" style=\"width: 60%\" data-options=\"required:true,prompt:'请输入组织赋分'\" />" + "</div>" + "<div style=\"margin: 20px 0 20px 20px;\">" + "<label class=\"Validform_label\">结束日期:</label>" + "<input class=\"easyui-datebox stage_end_time\" style=\"width: 60%\" data-options=\"required:true,prompt:'请输入结束日期'\" />" + "</div>" +"<a href=\"javascript:void(0);\" onclick=\"deleteDOM(this);\" class=\"easyui-linkbutton\" style=\"float:right; border-radius: 4em; width: 80px; background: #9a748a; margin:-270px 30px 0 0; color: white\">删除</a>" + "</div>"); copyNode = copyNode.insertBefore($(this)); $.parser.parse(copyNode); //只有加上了这句才渲染成功,网上查找到的解决方案,平时我们前台开发的时候不经常用,因为这个是EasyLoader的加载方式(智能加载),按需加载js });
阅读全文
0 0
- 在动态插入Easyui datebox控件时,使用$.parser.parse()手工渲染时,解决日期控件原有的值被清除问题
- Easyui动态添加控件无法渲染 $.parser.parse()无效
- 解决 easyui 动态添加控件时无法渲染的问题
- 在编写动态插入删除DOM元素时,Easyui控件渲染效果失败的问题
- easyui——datebox控件限制输入的日期
- easyui的datebox控件,修改日期格式为yyyyMM
- easyui datebox日期控件显示到月
- Easyui的DateBox控件和DateTimeBox控件
- easyui 动态添加空间无法渲染 $.parser.parse()无效
- easyui datebox控件button显示问题
- easyui的datebox控件如何只要年月
- 解决EasyUI的datagrid控件显示日期问题
- easyui Datebox日期框组件的使用
- jquery easyui datebox 时间控件默认显示当前日期
- easyui-datebox 日期控件 只显示年月 不显示日
- jQuery EasyUI中的日期控件DateBox(年份)样式
- EasyUi日期控件datebox设置,只显示年月
- Easyui-datebox日期控件增加清空按钮
- Log4j2的配置及使用方式
- Java 支付宝之APP支付服务端 (二)
- Unity 游戏框架搭建 (三) MonoBehaviour单例的模板
- html 限制输入
- Maven
- 在动态插入Easyui datebox控件时,使用$.parser.parse()手工渲染时,解决日期控件原有的值被清除问题
- 第1章 Git入门
- SpringMVC处理异步请求
- python3.4 字符串转16进制
- Spring Cache抽象详解
- 怎么做零食代理?经销商要掌握经营技巧
- OkHttp解析
- JSP, Servlet常见面试题详解
- K-最近邻法(KNN)简介