鍍金池/ 問(wèn)答/Java  HTML/ easyUi無(wú)法動(dòng)態(tài)加載

easyUi無(wú)法動(dòng)態(tài)加載

1.有段頁(yè)面寫(xiě)在js中當(dāng)change事件得時(shí)候動(dòng)態(tài)加載,頁(yè)面直接拼接好,html()進(jìn)去,拼接頁(yè)面得easyUi樣式不加載。
2.代碼中 $.parser.parse($('#condition-range').parent());是網(wǎng)上查詢(xún)的重新加載方法,但試了多個(gè)ID均沒(méi)有效果。
代碼如下:
//更換類(lèi)型

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>時(shí)&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>溫度類(lèi)型:</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);
}

圖片描述

回答
編輯回答
晚風(fēng)眠

自己弄錯(cuò)了順序:
$("#condition-range").html(conditionRangeHtml);
$("#condition-field").html(conditionFieldHtml);
$.parser.parse($('#condition-range').parent());
$.parser.parse($('#statistics-date').parent());
先加到頁(yè)面上,再用$.parser.parse加載easyui樣式即可。

2017年2月24日 01:12