easyui combobox两种联动方法与导致ie6崩溃问题

最新推荐文章于 2021-02-23 05:50:54 发布

zgzdlm

最新推荐文章于 2021-02-23 05:50:54 发布

阅读量248

点赞数

分类专栏： easyui 文章标签： easyui combobox

本文链接：https://blog.youkuaiyun.com/zgzdlm/article/details/84385666

版权

easyui 专栏收录该内容

1 篇文章

订阅专栏


$(function(){
var stEventType =  $('#stEventType').combobox({
       url:'sub_template/code_json.jsp?type=EVENT_TYPE',
       editable:false,
       valueField:'tid',
       textField:'text',
       required:true,
       onSelect:function(record){
       stEventName.combobox({
           url:'sub_template/code_json.jsp?type='+record.tid,
           editable:false,
           valueField:'tid',
           textField:'text',
           required:true
       }).combobox('clear');
	  }

   });
var sub_value = $('#stEventType').combobox('getValue');
if(sub_value==''){
sub_value='EVENT_TYPE_1';
}
var stEventName = $('#stEventName').combobox({
       url:'sub_template/code_json.jsp?type='+sub_value,
       editable:false,
       valueField:'tid',
       textField:'text',
       required:true
   });
$('#stDiscoverUnit').combobox({
		  editable:false,
		  url:'sub_template/unit_json.jsp?streetId=<%=(String)session.getAttribute("streetId")%>&typestr=1~2~-1',
		  valueField:'text',
		  required:true,  
		  textField:'text'
	});
$("#type_div").show();
$("#name_div").show();	
});


<div id="type_div" style="display:none">
<input id="stEventType" type="text" style="width:155px" value=""/>
</div>
</td>
<td align="center" valign="middle" class="table_title"  nowrap="nowrap" >
<font color="red">*</font>事件名称</td>
<td class="table_content">
<div id="name_div" style="display:none">
<input  id="stEventName"  type="text" style="width:155px" value=""/>
</div>

用于combobox的联动 div一般情况下是可以不需要的这里加上主要是因为数据回显的时候js加载较慢防止数据显示select value出来

此方法在项目中同一页面js过多的情况下会导致ie6崩溃
于是采用第二种方法


$(function(){
								var type_select =  $('#stEventType').combobox({
						       		url:'sub_template/code_json.jsp?type=EVENT_TYPE',
						       		editable:false,
						       		valueField:'tid',
						       		textField:'text',
						       		onSelect:function(record){
						       			$('#stEventName').combobox('clear');
						       			$('#stEventName').combobox('reload','sub_template/code_json.jsp?type='+record.tid);  
						        	}
						  		});
								var sub_select = $('#stEventName').combobox({
									disabled:false,
						       		url:'sub_template/code_json.jsp?type=EVENT_TYPE_1',
						       		valueField:'tid',
						       		textField:'text'
						   		});
							});