easyUi无法动态加载

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>范&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;围:&gt;=</lable>';
        conditionRangeHtml += '<input type="text" class="easyui-numberspinner" style="height: 22px;width: 60px;" id="min" value="50" />';
        conditionFieldHtml += '<lable>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;段:</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>范&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;围:</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);
}

图片描述

阅读 2k
1 个回答

自己弄错了顺序:
$("#condition-range").html(conditionRangeHtml);
$("#condition-field").html(conditionFieldHtml);
$.parser.parse($('#condition-range').parent());
$.parser.parse($('#statistics-date').parent());
先加到页面上,再用$.parser.parse加载easyui样式即可。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题