jQuery MiniUI

标题: ie10下连续加载两个grid会加载失败？ [打印本页]
作者: julianzhu1117    时间: 2014-5-15 13:10:39     标题: ie10下连续加载两个grid会加载失败？

        var gridKb = mini.get("dgKb");
        gridKb.load();

        var gridHc = mini.get("dgHc");
        gridHc.load();

就上面这样的操作，如果分别只执行一个没问题，但是连个连续加载在ie10下回出现加载不成功，有时是一个有时是两个都失败。火狐和chrome都正常

作者: q123126    时间: 2014-5-15 13:18:30

如果有用table布局的话，不要用table。上次遇到过这种问题，是这样解决的。
作者: felt    时间: 2014-5-15 13:32:04

ie10测试了下没发现你说的问题
请提供下重现的html页面，高级模式可以上传文件
作者: julianzhu1117    时间: 2014-5-15 13:51:39

felt 发表于 2014-5-15 13:32
ie10测试了下没发现你说的问题
请提供下重现的html页面，高级模式可以上传文件 ...

浏览器调试工具报的错误时

SCRIPT7002: XMLHttpRequest: 网络错误 0x800c0007, 所需资源没有可用数据。
作者: felt    时间: 2014-5-15 13:54:57

julianzhu1117 发表于 2014-5-15 13:51
浏览器调试工具报的错误时

SCRIPT7002: XMLHttpRequest: 网络错误 0x800c0007, 所需资源没有可用数据。 ...

请提供重现的html页面
作者: julianzhu1117    时间: 2014-5-15 14:02:40

felt 发表于 2014-5-15 13:54
请提供重现的html页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <script src="/Scripts/boot.js"></script>
   
<style>
body{
    margin:0;padding:0;border:0;width:100%;height:100%;overflow-y:auto;
}
</style>


</head>



<body style="margin:0;padding:5px">


    <div class="mini-toolbar" style="padding-left:5px;margin-right:10px;margin-top:5px">
        <div style="height:30px;line-height:30px">
            aa：<input id="cblx" class="mini-combobox" style="width:100px" textField="text" valueField="id" emptyText="" allowInput="true" data="[{ id: 1, text: 'a1' }, { id: 2, text: 'a2' }, { id: 3, text: 'a3' }]" />   
             bb：<input class="mini-textbox" value="" style="width:100px" />
             cc：<input id="tbVslCnName" class="mini-textbox" style="width:100px" />
             dd：<input class="mini-textbox" value="" style="width:50px" />
             ee：<input class="mini-textbox" value="" style="width:50px" />
        </div>
        <div style="height:30px;line-height:30px">
            aa1：<div id="dateStart" format="yyyy/MM/dd" class="mini-datepicker" value="" ></div> - <div id="dateEnd" format="yyyy/MM/dd" class="mini-datepicker" value="" ></div>
             bb1：<input id="ykmt" class="mini-combobox" style="width:100px" textField="text" valueField="id" emptyText="" allowInput="true" data="[{ id: 1, text: 'a1' }, { id: 2, text: 'a2' }, { id: 3, text: 'a3' }]" />   
             cc：<input id="zdl" class="mini-combobox" style="width:100px" textField="text" valueField="id" emptyText="" allowInput="true" data="[{ id: 1, text: 'cc1' }, { id: 2, text: 'cc2' }, { id: 3, text: 'cc3' }]" />   
        </div>
    </div>

    <div class="mini-toolbar" style="padding:0;border:none;margin-right:10px;margin-top:5px;">
        <div id="dg" class="mini-datagrid" style="height:290px;"
            url="/NearPlan/GetSchedules"  idField="id" sizeList="[10,20,50]" pageSize="10">
            <div property="columns">      
                <div field="id" width="50" headerAlign="center" >id</div>  
                <div field="agtName" width="80" headerAlign="center" >a</div>
                <div field="vslEnName" width="70" headerAlign="center" >a</div>
                <div field="vslCnName" width="70" headerAlign="center" >a</div>
                <div field="vslVtpName" width="60" headerAlign="center" >a</div>
                <div field="ivoyage" width="60" headerAlign="center" >a</div>   
                <div field="evoyage" width="60" headerAlign="center" >a</div>  
                <div field="serLineName" width="90" headerAlign="center" >a</div>
                <div field="eta" width="55" headerAlign="center" >a</div>
                <div field="etd" width="55" headerAlign="center" >a</div>
                <div field="fcDockName" width="60" headerAlign="center" >a</div>
                <div field="dockName" width="60" headerAlign="center" >a</div>  
                <div field="status" width="60" headerAlign="center" >a</div>
                <div field="fcLocation" width="60" headerAlign="center" >a</div>
                <div field="pilotage" width="60" headerAlign="center" >a</div>
                <div field="prePortName" width="70" headerAlign="center" >a</div>
                <div field="nextPortName" width="70" headerAlign="center" >a</div>                              
            </div>
        </div>
    </div>

    <div class="mini-toolbar" style="padding:0;border:none;background:#fff;margin-right:10px;margin-top:5px">
        <div id="tabsBottom" class="mini-tabs" activeIndex="0" style="height:auto">
            <div title="test">
                     test操作：
                    <a id="btKbAdd" href="javascript:void(0)" class="mini-button" iconCls="icon-add" plain="true">增加</a>
                    <span class="separator"></span>
                    <a id="btKbDel" href="javascript:void(0)" class="mini-button" iconCls="icon-remove" plain="true">删除</a>
                    <span class="separator"></span>
                    <a id="btKbModify" href="javascript:void(0)" class="mini-button" iconCls="icon-edit" plain="true">修改</a>
                    
                  
                    <div id="dgKb" class="mini-datagrid" style="height:auto"
                        url="/NearPlan/GetKb" showPager="false" idField="id">
                        <div property="columns">      
                            <div field="id" width="20" headerAlign="center" >id</div>  
                            <div field="ykmt" width="30" headerAlign="center" >a</div>
                            <div field="vslEnName" width="30" headerAlign="center" >a</div>
                            <div field="vslCnName" width="30" headerAlign="center" >a</div>
                            <div field="jhkb" width="30" headerAlign="center" >a</div>
                            <div field="jhlb" width="30" headerAlign="center" >a</div>
                            <div field="zxbz" width="30" headerAlign="center" >a</div>   
                            <div field="kbzt" width="30" headerAlign="center" >a</div>  
                            <div field="dgqcs" width="30" headerAlign="center" >a</div>
                            <div field="dgpcs" width="30" headerAlign="center" >a</div>
                            <div field="dghcs" width="30" headerAlign="center" >a</div>
                            <div field="lgqcs" width="30" headerAlign="center" >a</div>
                            <div field="lgpcs" width="30" headerAlign="center" >a</div>  
                            <div field="lghcs" width="30" headerAlign="center" >a</div>
                            <div field="zsh" width="30" headerAlign="center" >a</div>
                            <div field="jzx" width="30" headerAlign="center" >a</div>
                            <div field="cz" width="30" headerAlign="center" >操作</div>                             
                        </div>
                    </div>
                  
                 

            </div>
            <div title="test">
                     test操作：
                    <a id="btHcAdd" href="javascript:void(0)" class="mini-button" iconCls="icon-add" plain="true">增加</a>
                    <span class="separator"></span>
                    <a id="btHcDel" href="javascript:void(0)" class="mini-button" iconCls="icon-remove" plain="true">删除</a>
                    <span class="separator"></span>
                    <a id="btHcModify" href="javascript:void(0)" class="mini-button" iconCls="icon-edit" plain="true">修改</a>

                    <div id="dgHc" class="mini-datagrid" style="height:auto;width:auto;margin-bottom:3px"
                        url="/NearPlan/GetHc" showPager="false" idField="id">
                        <div property="columns">      
                            <div field="ie" width="60" headerAlign="center" >b</div>  
                            <div field="vslEnName" width="60" headerAlign="center">b</div>
                            <div field="vslCnName" width="60" headerAlign="center">b</div>
                            <div field="hc" width="60" headerAlign="center" >b</div>
                            <div field="hb" width="60" headerAlign="center" >b</div>   
                            <div field="fwhx" width="60" headerAlign="center" >b</div>  
                            <div field="cgs" width="60" headerAlign="center" >b</div>
                            <div field="cdl" width="60" headerAlign="center" >b</div>
                            <div field="sh" width="60" headerAlign="center" >b</div>
                            <div field="jzxteu" width="60" headerAlign="center" >b</div>
                            <div field="jzx" width="60" headerAlign="center" >b</div>  
                            <div field="cz" width="60" headerAlign="center" >操作</div>                              
                        </div>
                    </div>
               
            </div>
        </div>
    </div>
</body>

</html>

    <script type="text/javascript">

        mini.parse();

        var grid = mini.get("dg");
        grid.load();

        function search() {
            var vslCnName = mini.get("tbVslCnName");
            grid.load({ vslCnName: vslCnName.value });
        }

        $("#btOptSearch").on("click", function (e) {
            search();
        });

        var gridKb = mini.get("dgKb");
        gridKb.load();

        var gridHc = mini.get("dgHc");
        gridHc.load();

    </script>

作者: felt    时间: 2014-5-15 14:21:44

julianzhu1117 发表于 2014-5-15 14:02
test
   
   

[attach]4490[/attach]高级模式可以上传文件
本地静态数据模拟，都没发现你说的问题
你下载一下放到试用包里跑一下看看
作者: julianzhu1117    时间: 2014-5-15 16:24:12

找到原因了，竟然是因为load方式都是通过ajax post方式造成的，我后台程序都用get方式处理就有问题，改成post方式处理就成功！



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2