JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
内容摘要
网上答案说是因为Easy-ui在低版本时应将class样式删去,而在javascript里写url,因为class里有url的话javascript里也存在url,就会使页面刷新俩次,但是测试后没有解决我的问题,后来
文章正文
网上答案说是因为Easy-ui在低版本时应将class样式删去,而在javascript里写url,因为class里有url的话javascript里也存在url,就会使页面刷新俩次,但是测试后没有解决我的问题,后来通过反复测试终于找到问题,
1 2 | <ul id= "eva" style= " font-size:25px; " > </ul> |
因为在页面写了style,将style里的样式删去就可以解决问题了,现附上完整的ajax动态树和Grid表格代码。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 | <html> <head> <title>Tree</title> <link href= "../../Content/JQEasyUI/themes/default/easyui.css" rel= "stylesheet" type= "text/css" /> <link href= "../../Content/JQEasyUI/themes/icon.css" rel= "stylesheet" /> <script src= "../../Scripts/jquery-1.4.4.min.js" type= "text/javascript" ></script> <script src= "../../Scripts/jquery.unobtrusive-ajax.js" type= "text/javascript" ></script> <script src= "../../Scripts/jquery.easyui.min.js" type= "text/javascript" ></script> <script src= "../../Scripts/easyui-lang-zh_CN.js" type= "text/javascript" ></script> <script type= "text/javascript" > var NodeText; var time; var treeeva; $( function () { initTable(); $( "#SelectForm" ).css( "display" , "none" ); bindSearcheClick(); $( '#eva' ).tree({ url: '/OEE/GetTree' , method: 'get' , animate: true, checkbox: true }); }); //初始化表格 function initTable() { $( '#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) { var str = "<a Fid='" + row.Fid + "' class='SelectInfo' href='javascript:void(0)'>明细</a> " ; return str; } } ]], onHeaderContextMenu: function (e, field) { }, onLoadSuccess: function (data) { $( ".SelectInfo" ).unbind( "click" ); $( ".SelectInfo" ).bind( "click" , function () { doSelect($(this).attr( "Fid" ), time); return false; }); } }); } function doSelect(Fid, Time) { var reg = new RegExp( "-" , "g" ); var strobj = Fid.toString(); var newstr = 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" ); } }] }); } //绑定搜索查询的 点击事件 function bindSearcheClick() { //linkButtonSearch $( "#linkButtonSearch" ).click( function () { var nodes = $( '#eva' ).tree( 'getChecked' ); var s = '' ; for ( var i = 0; i < nodes.length; i++) { if (s != '' ) s += ',' ; s += nodes[i].id; } NodeText = s; time = $( '#SelectTime' ).datebox( 'getValue' ); initTable(); }); } </script> </head> <body> <div style= "width: 1000px" > <div style= "width: 200px; float: left" > <div style= "margin: 23px 0;" > </div> <div class = "easyui-panel" style= "padding: 5px; border-radius: 5px;" > <ul id= "eva" > </ul> </div> </div> <div id= "Right" > <div id= "query" > 查询时间:<input class = "easyui-datebox" name= "SelectTime" id= "SelectTime" /> <a id= "linkButtonSearch" href= "javascript:void(0)" class = "easyui-linkbutton" data-options= "iconCls:'icon-search'" > 查询</a> </div> <table id= "tt" style= "width: 700px;" title= "标题" iconcls= "icon-edit" > </table> <div id= "SelectForm" > <iframe id= "SelectFrame" src= "javascript:void(0)" frameborder= "0" width= "100%" height= "100%" > </iframe> </div> </div> </div> </body> </html> |
代码注释