select2读后台数据回写显示不出来问题

最新推荐文章于 2024-09-05 19:36:27 发布

原创最新推荐文章于 2024-09-05 19:36:27 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

前端技术问题专栏收录该内容

1 篇文章

订阅专栏

本文解决了一个特定的前端开发问题：当使用Select2插件时，原本能正常回写的非插件元素在插件干涉下失效。通过分析发现，插件需要的是JSON对象而非字符串，因此在控制器层将数据转换为JSON格式，成功解决了问题。

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

这里写自定义目录标题

错误截图

在这里插入图片描述
错误描述:非select2插件元素可正常回写,但select2插件干涉的显示框无法正常回写。

错误原因分析

分析:直接请求数据库返回结果如图
在这里插入图片描述
我们冲数据库读到的信息为字符串,而select2插件的配置是要一个json对象

解决方案

在controller层–>angularJs
处理返回数据结果,将其解析为Json对象

	//查询实体 
	$scope.findOne=function(id){				
		typeTemplateService.findOne(id).success(
			function(response){
				$scope.entity= response;
				//处理返回数据结果,解析为Json对象
				$scope.entity.customAttributeItems = JSON.parse(response.customAttributeItems)
				$scope.entity.specIds = JSON.parse(response.specIds)
				$scope.entity.brandIds = JSON.parse(response.brandIds)
			}
		);				
	}