JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
2014-06-23 00:00
676 查看
网上答案说是因为Easy-ui在低版本时应将class样式删去,而在javascript里写url,因为class里有url的话javascript里也存在url,就会使页面刷新俩次,但是测试后没有解决我的问题,后来通过反复测试终于找到问题,
因为在页面写了style,将style里的样式删去就可以解决问题了,现附上完整的ajax动态树和Grid表格代码。
<ul id="eva" style=" font-size:25px; "> </ul>
因为在页面写了style,将style里的样式删去就可以解决问题了,现附上完整的ajax动态树和Grid表格代码。
<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>
相关文章推荐
- JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
- 关于JQEasy-ui在IE低版本下二次加载的问题
- IE9版本以下ajax 跨域问题可行解决方法
- IE9版本以下ajax 跨域问题可行解决方法
- IE9版本以下ajax 跨域问题可行解决方法
- iOS9以下版本使用WKWebView加载本地HTML文件不显示,处理时容易忽略的问题
- 用JS判断浏览器是否是IE9以下,处理可能遇到的兼容性问题,或者给出浏览器版本过低的升级提醒。
- AIX 5.3 中非root用户用bash报错问题及bash升级与老版本冲突问题处理方法
- ie9以下版本,ajax的error提示no transport的问题
- java动态加载指定的类或者jar包反射调用其方法-涉及其他jar中的类就报ClassNotFound问题分析及解决思路
- Android的ListView异步加载图片时,错位、重复、闪烁问题的分析及解决方法
- EventBus源码分析(三):post方法发布事件【获取事件的所有订阅者,反射调用订阅者事件处理方法】(2.4版本)
- 改进动态设置query cache导致额外锁开销的问题分析及解决方法-mysql 5.5 以上版本
- iOSUI学习之使用苹果系统自带的方法处理缓存问题
- OCruntime交换方法用在处理iOS版本跨度问题的解决
- 关于Android4.4以下版本Webview执行LoadUrl加载js导致键盘隐藏的问题(富文本编辑器)
- jQuery插件版本冲突的处理方法分析
- 解决IE9以下ie版本不能识别新元素的方法 添加一个js -- Shiv Solution
- jquery/js不支持ie9以下版本的方法或属性
- win7 Visual Studio 2008 安装程序时出现“ 加载安装组件时遇到问题。取消安装。”处理方法