1. 程式人生 > 其它 >easyui:初始化失敗的問題

easyui:初始化失敗的問題

在用CSS方式初始化時,如果頁面比較複雜,就會造成初始化失敗的現象。

例如:combox報錯,textbox樣式錯位等。

解決辦法:

針對出問題的頁面,用JS初始化,不用CSS方式。

例如:

<div id="columnDialog" class="me-easyui-dialog" data-options="modal:true" style="width: 600px"
    closed="true" buttons="#columnDialog-buttons">
    <form id="columnForm" method="post" novalidate style
="margin: 0; padding: 20px 50px" enctype="multipart/form-data"> <input type="hidden" id="columnID" name="columnID" /> <input type="hidden" id="parentColumnID" name="parentColumnID" /> <div style="margin-top: 20px; font-size: 14px; border-bottom: 1px solid #ccc"
>欄目資訊</div> <div style="margin-top: 10px"> <input id="columnTitle" name="columnTitle" class="me-easyui-textbox" required="true" label="名稱:" style="width: 90%"> </div> <div style="margin-top: 10px"> <input
id="englishTitle" name="englishTitle" class="me-easyui-textbox" label="英文名稱:" style="width: 90%"> </div> <div style="margin-top: 10px"> <input id="staticURL" name="staticURL" class="me-easyui-textbox" label="靜態網址:" data-options="validType:['length[2,64]']" style="width: 90%"> </div> <div style="margin-top: 10px"> <select id="isGetColumnData" class="me-easyui-combobox" name="isGetColumnData" style="width: 232px;" label="是否取欄目資料:" labelWidth="100px"> <option value="0"></option> <option value="1"></option> </select> </div> <div style="margin-top:10px;"> <input id="addtionalURL" name="addtionalURL" class="me-easyui-textbox" label="附加URL:" style="width: 90%"> </div> <div style="margin-top: 10px"> <select class="me-easyui-combobox" id="tplType" name="tplType" label="模板型別:" style="width: 200px" required="true" editable="false" panelHeight="50px"> <option value="1">欄目</option> <option value="2">文章 </option> </select> <div style="margin-top: 10px" class="all column"> <input id="columnTpl" name="columnTpl" class="me-easyui-textbox all column" label="欄目模版:" style="width: 90%"> </div> <div style="margin-top: 10px" class="all article"> <input id="articleListTpl" name="articleListTpl" class="me-easyui-textbox all article" label="文章列表模版:" style="width: 90%"> </div> <div style="margin-top: 10px"> <input id="articleDetailTpl" name="articleDetailTpl" class="me-easyui-textbox" label="文章詳情模板:" style="width: 90%"> </div> <div style="margin-top: 10px"> <select id="isPath" class="me-easyui-combobox" name="isPath" style="width: 200px;" label="是否生成路徑:"> <option value="1" selected="selected"></option> <option value="0"></option> </select> </div> </form> </div>
$('.me-easyui-layout').layout();
$('.me-easyui-tree').tree();
$('.me-easyui-menu').menu();
$('.me-easyui-textbox').textbox();
$('.me-easyui-combobox').combobox();
$('.me-easyui-filebox').filebox();
$('.me-easyui-linkbutton').linkbutton();
$('.me-easyui-dialog').dialog();