网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

关于自由流功能开发过程中前端的一些问题汇总

 之前一直从事C/S的开发,关于B/S用到的一些技术是不熟悉的,现在在逐步学习中,希望通过及时总结加强理解和记忆。目前开发的系统使用的主要是JQuery、Stuts2、Spring。

创新互联-专业网站定制、快速模板网站建设、高性价比威宁网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式威宁网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖威宁地区。费用合理售后完善,十多年实体公司更值得信赖。

关于自由流后端及Jbpm的实现我会在另一篇博文中介绍,这里只介绍我在前端使用html及JQuery中遇到的问题以及对我来说不常使用的知识点。

1.关于Map以及JsonObject

在后端使用Map数据结构将工作任务节点名称与审批人列出(排除了会签的情况),即以节点名称为key,审批人为value,如下:

for(ProcessTaskEntity task : processTaskList){
		map.put(task.getActivityName(), task.getCreateUserCode());
		}
		taskVo.setActivityUserMap(map);

activityUserMap这个属性是Map类型,传到前端后我希望遍历这个Map类型的数据,分别取到其key和value。Map类型的在前端其value={a=b,c=d,e=f},在前端使用foreach进行遍历的时候将其等同于一般字符串,第一位是{,第二位是a,以此类推。这并不符合我们使用Map类型的初衷。

 所以我们使用了JsonObject类型声明activityUserMap,上面的代码不需要做任何修改,即可得到一个JsonObject的activityUserMap,在前端使用如下方法遍历:

	var activityUserMap = ${taskVo.activityUserMap};
$.each(activityUserMap, function(key, value) { 
var temp= "" + key + "";
$('select[name="activityNameChoose"]').append(temp);
});

这段代码,如果是纯Java的,是简单清晰的。但用Js来写,有好多曲折:

1.用JQuery获得的控件不能再用.options.add()等方法;

2.$('select[name="activityNameChoose"]')后不能加[0]; 

3.Temp的内容如果写在append里会报undefined is not a function,原因不明。

2.取select选中值的问题

经过试验后的正确取值方法是

 $("select[name='activityNameChoose']").val()

而不正确的取值方法

$("input[name='uidscb']:checked").val()
$("input[name='uidscb']:checked").value
$("select[name='activityNameChoose']").value;

另外,其他方法比如$("select[name='activityNameChoose']").options也无法获得select的所有options选项。

3.$("input[name='XXX']:not(:checked)"):取得select未选中值的方法

 关于使用JQuery操作select的详细方法可以参看:jQuery select操作控制方法小结。另外关于JQuery的遍历请查看$.each遍历map、array。另外在解决上述问题的过程中还参考了JQuery的三种$的三种实现。


网站题目:关于自由流功能开发过程中前端的一些问题汇总
标题来源:http://bjjierui.cn/article/giespg.html

其他资讯