标签：me 初始化 layout easyui 失败 linkbutton textbox

在用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();

标签：me,初始化,layout,easyui,失败,linkbutton,textbox
来源： https://www.cnblogs.com/huiy/p/15598910.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。