JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
网上答案说是因为Easy-ui在低版本时应将class样式删去，而在javascript里写url，因为class里有url的话javascript里也存在url，就会使页面刷新俩次，但是测试后没有解决我的问题，后来通过反复测试终于找到问题，
<ulid="eva"style="font-size:25px;"> </ul>
因为在页面写了style,将style里的样式删去就可以解决问题了，现附上完整的ajax动态树和Grid表格代码。
<html>
<head>
<title>Tree</title>
<linkhref="../../Content/JQEasyUI/themes/default/easyui.css"rel="stylesheet"type="text/css"/>
<linkhref="../../Content/JQEasyUI/themes/icon.css"rel="stylesheet"/>
<scriptsrc="../../Scripts/jquery-1.4.4.min.js"type="text/javascript"></script>
<scriptsrc="../../Scripts/jquery.unobtrusive-ajax.js"type="text/javascript"></script>
<scriptsrc="../../Scripts/jquery.easyui.min.js"type="text/javascript"></script>
<scriptsrc="../../Scripts/easyui-lang-zh_CN.js"type="text/javascript"></script>
<scripttype="text/javascript">
varNodeText;
vartime;
vartreeeva;
$(function(){
initTable();
$("#SelectForm").css("display","none");
bindSearcheClick();
$('#eva').tree({
url:'/OEE/GetTree',
method:'get',
animate:true,
checkbox:true
});
});
//初始化表格
functioninitTable(){
$('#tt').datagrid({
url:'/OEE/Details',
title:'OEE',
width:700,
height:360,
fitColumns:true,
idField:'Fid',
loadMsg:'正在加载设备的信息...',
pagination:true,
singleSelect:false,
pageSize:10,
pageNumber:1,
pageList:[10,20,30],
queryParams:{//要传入的参数
NodeResult:NodeText,
SelectTime:$('#SelectTime').datebox('getValue')
},
columns:[[//{EID,ETypeName,ThenTypeInfoTID,EtypeNum}
{field:'Num',title:'设备编号',width:80,align:"center"},
{field:'Name',title:'设备名称',width:80,align:"center"},
{field:'EarlyTimeOEE',title:'早班OEE',width:80,align:"center"},
{field:'MiddleTimeOEE',title:'午班OEE',width:80,align:"center"},
{field:'LaterTimeOEE',title:'晚班OEE',width:80,align:"center"},
{
field:'DelFlag',title:'操作',width:80,align:'center',
formatter:function(value,row,index){
varstr="<aFid='"+row.Fid+"'class='SelectInfo'href='javascript:void(0)'>明细</a>";
returnstr;
}
}
]],
onHeaderContextMenu:function(e,field){
},
onLoadSuccess:function(data){
$(".SelectInfo").unbind("click");
$(".SelectInfo").bind("click",function(){
doSelect($(this).attr("Fid"),time);
returnfalse;
});
}
});
}
functiondoSelect(Fid,Time){
varreg=newRegExp("-","g");
varstrobj=Fid.toString();
varnewstr=strobj.replace(reg,"$");
$('#SelectFrame').attr('src','/OEE/GetSelectInfo/'+Fid+'/'+Time);
$('#SelectForm').css('display','block');
$('#SelectForm').dialog({
width:470,
height:470,
modal:true,
title:"显示明细信息",
collapsible:true,
minimizable:true,
maximizable:true,
resizable:true,
buttons:[{
id:'btnSelect',
text:'确定',
iconCls:'icon-add',
handler:function(){
$("#SelectForm").dialog("close");
}
}]
});
}
//绑定搜索查询的点击事件
functionbindSearcheClick(){
//linkButtonSearch
$("#linkButtonSearch").click(function(){
varnodes=$('#eva').tree('getChecked');
vars='';
for(vari=0;i<nodes.length;i++){
if(s!='')s+=',';
s+=nodes[i].id;
}
NodeText=s;
time=$('#SelectTime').datebox('getValue');
initTable();
});
}
</script>
</head>
<body>
<divstyle="width:1000px">
<divstyle="width:200px;float:left">
<divstyle="margin:23px0;">
</div>
<divclass="easyui-panel"style="padding:5px;border-radius:5px;">
<ulid="eva">
</ul>
</div>
</div>
<divid="Right">
<divid="query">
查询时间：<inputclass="easyui-datebox"name="SelectTime"id="SelectTime"/>
<aid="linkButtonSearch"href="javascript:void(0)"class="easyui-linkbutton"data-options="iconCls:'icon-search'">
查询</a>
</div>
<tableid="tt"style="width:700px;"title="标题"iconcls="icon-edit">
</table>
<divid="SelectForm">
<iframeid="SelectFrame"src="javascript:void(0)"frameborder="0"width="100%"height="100%">
</iframe>
</div>
</div>
</div>
</body>
</html>