1.有段页面写在js中当change事件得时候动态加载,页面直接拼接好,html()进去,拼接页面得easyUi样式不加载。
2.代码中 $.parser.parse($('#condition-range').parent());是网上查询的重新加载方法,但试了多个ID均没有效果。
代码如下:
//更换类型
function changeType() {
var conditionRangeHtml = "";
var conditionFieldHtml = "";
if($('#search-type').combobox('getValue') == 1) {
conditionRangeHtml += '<lable>范 围:>=</lable>';
conditionRangeHtml += '<input type="text" class="easyui-numberspinner" style="height: 22px;width: 60px;" id="min" value="50" />';
conditionFieldHtml += '<lable>时 段:</lable><select id="statistics-date" style="width:80px;" class="easyui-combobox" labelPosition="top" data-options="editable:false,panelHeight:';
conditionFieldHtml += "'60px'"
conditionFieldHtml += '">';
conditionFieldHtml += '<option value="PRE_Time_0808" selected="selected">08-08</option><option value="PRE_Time_0820">08-20</option><option value="PRE_Time_2008">20-08</option><option value="PRE_Time_2020">20-20</option></select>';
zName = "降水量";
} else {
conditionRangeHtml += '<lable>范 围:</lable>';
conditionRangeHtml += '<input type="text" class="easyui-numberspinner" style="height: 22px;width: 60px;" id="min" value="20" />-';
conditionRangeHtml += '<input type="text" class="easyui-numberspinner" style="height: 22px;width: 60px;" id="max" value="35" />';
conditionFieldHtml += '<lable>温度类型:</lable><select id="statistics-date" style="width:80px;" class="easyui-combobox" labelPosition="top" data-options="editable:false,panelHeight:';
conditionFieldHtml += "'60px'"
conditionFieldHtml += '">';
conditionFieldHtml += '<option value="TEM_Max" selected="selected">最高温度</option><option value="TEM_Min">最低温度</option><option value="TEM_Avg">平均温度</option>';
zName = "温度值";
}
$.parser.parse($('#condition-range').parent());
$.parser.parse($('#statistics-date').parent());
$("#condition-range").html(conditionRangeHtml);
$("#condition-field").html(conditionFieldHtml);
}
自己弄错了顺序:
$("#condition-range").html(conditionRangeHtml);
$("#condition-field").html(conditionFieldHtml);
$.parser.parse($('#condition-range').parent());
$.parser.parse($('#statistics-date').parent());
先加到页面上,再用$.parser.parse加载easyui样式即可。