在js中动态拼接html使用到EasyUI的dataGrid的没有效果的解决办法

JS中动态拼接HTML代码

	var content='<table id="dg"></table>';

初始化的函数 ,在拼接的html代码加载完之后的位置进行使用,核心代码就是
$.parser.parse("#dg");

	function dgInit(){
		$("dg").datagrid({
			url:'data_grid.json',
			columns:[[
			{field:'id',title:'ID',width:'30%'},
			{field:'name',title:'Name',width:'30%'}
			]]
		});
		$.parser.parse("#dg");
	}

data_grid.json

{"total":20,"rows":[
	{'id':'01','name':'张三'},
	{'id':'02','name':'李四'}
]}

在使用动态拼接html的时候进行使用EasyUI的时候是不会有效果的需要使用$.parser.parse("#dg");对相应的标签进行重新渲染一次。

猜你喜欢

转载自blog.csdn.net/zhang_cl_cn/article/details/86291394