EasyUI之DataGrid 请求Url两次问题解决

初始化页面的时候,会请求两次Url,很是莫名其妙

解决步骤

1.首先确保避免两次加载datagrid控件

<table id="grid" class="easyui-datagrid"></table>

html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid,这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载,解决的方法就是只用一种初始化方法来声明easyUI组件以避免重复的提交请求,即删除html中的class声明(class="easyui-datagrid")

2.然而,我压根并没有写 class="easyui-datagrid",只通过一种方式加载

$('#grid').datagrid( {......});

后来发现,采取延时加载后,竟然解决了这个问题,真的是神奇

          $(function(){
                init();
		function init(){
			//延迟加载,否则页面请求两次
			setTimeout(loadGrid, 1);
			//loadGrid();
		    }
		function loadGrid(){
		// 数据表格
		$('#grid').datagrid( {
			iconCls : 'icon-forward',
			fit : true,
            .....
          });
        }

 

猜你喜欢

转载自blog.csdn.net/mmake1994/article/details/84203512
今日推荐