JQEasy-ui在IE9以下版本中二次加載的問題分析及處理方法
網(wǎng)上答案說是因?yàn)镋asy-ui在低版本時(shí)應(yīng)將class樣式刪去,而在javascript里寫url,因?yàn)閏lass里有url的話javascript里也存在url,就會(huì)使頁面刷新倆次,但是測試后沒有解決我的問題,后來通過反復(fù)測試終于找到問題,
<ul id="eva" style=" font-size:25px; "> </ul>
因?yàn)樵陧撁鎸懥藄tyle,將style里的樣式刪去就可以解決問題了,現(xiàn)附上完整的ajax動(dòng)態(tài)樹和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: '正在加載設(shè)備的信息...', pagination: true, singleSelect: false, pageSize: 10, pageNumber: 1, pageList: [10, 20, 30], queryParams: {//要傳入的參數(shù) NodeResult: NodeText, SelectTime: $('#SelectTime').datebox('getValue') }, columns: [[//{EID, ETypeName, ThenTypeInfoTID, EtypeNum} {field: 'Num', title: '設(shè)備編號(hào)', width: 80, align: "center" }, { field: 'Name', title: '設(shè)備名稱', 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)'>明細(xì)</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: "顯示明細(xì)信息", collapsible: true, minimizable: true, maximizable: true, resizable: true, buttons: [{ id: 'btnSelect', text: '確定', iconCls: 'icon-add', handler: function () { $("#SelectForm").dialog("close"); } }] }); } //綁定搜索查詢的 點(diǎn)擊事件 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"> 查詢時(shí)間:<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="標(biāo)題" 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>
- JQuery EasyUI 日期控件如何控制日期選擇區(qū)間
- jquery easyui 結(jié)合jsp簡單展現(xiàn)table數(shù)據(jù)示例
- jquery easyui 對于開始時(shí)間小于結(jié)束時(shí)間的判斷示例
- jquery easyui中treegrid用法的簡單實(shí)例
- Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
- jquery easyui滾動(dòng)條部分設(shè)置介紹
- jQuery easyui datagrid動(dòng)態(tài)查詢數(shù)據(jù)實(shí)例講解
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框
- jQuery EasyUI API 中文文檔 - ComboGrid 組合表格
- jQuery EasyUI API 中文文檔 - ComboBox組合框
- jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
- jQuery EasyUI API 中文文檔 - Form表單
- jQuery EasyUI API 中文文檔 - Panel面板
- Jquery插件 easyUI屬性匯總
- jquery EasyUI的formatter格式化函數(shù)代碼
- JQuery EasyUI 對話框的使用方法
- jQuery EasyUI 的EasyLoader功能介紹
- 初試jQuery EasyUI 使用介紹
相關(guān)文章
jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼
之前做項(xiàng)目的時(shí)候,一直都想著做一個(gè)上下滾動(dòng)的公告欄,作為展示網(wǎng)站的最新公告信息,給用戶帶來極好的用戶體驗(yàn),下面小編通過實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄,感興趣的朋友一起看看吧2018-11-11JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
從前面的示例中不難看出validate中自帶的驗(yàn)證方法足以滿足一般的要求,對于特別的要求可以使用addMethod(name,method,message)添加自定義的驗(yàn)證規(guī)則,下面的示例中添加了一個(gè)用于正則表達(dá)式驗(yàn)證的擴(kuò)展驗(yàn)證的方法2011-09-09jquery js 獲取時(shí)間差、時(shí)間格式具體代碼
獲取獲得時(shí)間差、時(shí)間格式的方法有很多,下面為大家介紹下使用jquery及js實(shí)現(xiàn)的功能代碼2013-06-06jquery實(shí)現(xiàn)手機(jī)號(hào)碼選號(hào)的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)手機(jī)號(hào)碼選號(hào)的方法,涉及jquery針對手機(jī)號(hào)碼的分析與篩選技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07ajax無刷新動(dòng)態(tài)調(diào)用股票信息(改良版)
今日閑來無事,把上次寫的代碼稍微改了改。增加了動(dòng)態(tài)追加和刪除股票信息的功能(代碼基于jquery運(yùn)行:http://jquery.com/) 。由于對Ajax技術(shù)的認(rèn)識(shí)還只是在初級(jí)階段,總覺得這么些有點(diǎn)別扭,希望大蝦能夠指點(diǎn)一二。2008-11-11Jquery數(shù)字上下滾動(dòng)動(dòng)態(tài)切換插件
有時(shí)我們需要?jiǎng)討B(tài)的展示訪問次數(shù)、下載次數(shù)等效果,我們可以借助jQuery結(jié)合后臺(tái)php實(shí)現(xiàn)一個(gè)滾動(dòng)的數(shù)字展示效果。2015-08-08js獲取通過ajax返回的map型的JSONArray的方法
下面是js獲取通過ajax返回的map型的JSONArray的詳細(xì)代碼,需要的朋友可以參考下2014-01-01