essyUI + 一维代码使用_一维代码项-优快云博客

本文链接：https://blog.youkuaiyun.com/HXCHXC2/article/details/40818675

本文详细介绍了如何在代码中使用一维代码进行检测类型标识的显示，并通过AJAX请求获取详细信息，展示了检测类型标识与一维代码之间的交互与展示方式。

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

一、一维代码下拉列表

 <cus:SelectOneTag property="inspectItem.inspectType" defaultText='请选择' codeName="安全检测类型" value="${inspectItem.inspectType}" dataType="Require" msg="此项为必选" />

二、列表项显示一维代码值

 {field:'inspectType',title:'检测类型标识',width:fixWidth(0.2),align:'center',formatter:function(value,rec){
                       var temp = '';
                            $.ajax({
             url: '${ctx}/jsp/admin/code/findCodeValue.action',
             type: 'post',
             dataType: 'json',
             async : false,
             data:{
              "codeValue.itemValue" : rec.inspectType,
                 "codeValue.codeId" : "402881e7497d66f001497d7f65a40007"
             },
             error: function(){
                 $.messager.alert('提示','获取一维代码错误！');
             },
             success: function(data){
                 temp = data.itemText;
             }
         });
                    return temp;
           }
    }

三、详细显示页面

$(function(){
		var temp = "";
		$.ajax({
		    url: '${ctx}/jsp/admin/code/findCodeValue.action',
		    type: 'post',
		    dataType: 'json',
		    async : false,
		    data:{        
		    	"codeValue.itemValue" : ${inspectItem.inspectType},
		        "codeValue.codeId" : "402881e7497d66f001497d7f65a40007"    
		    },
		    error: function(){
		        $.messager.alert('提示','获取一维代码错误！');
		    },
		    success: function(data){
	        	temp = data.itemText;
	    	}
		});
		$("#inspectType").html(temp);
		
	});

<th width="15%">检测类型标识</th>
<td width="35%" colspan="3" id="inspectType"></td>