0

我有一个在特定场景中显示和隐藏的组合框。如果我不隐藏它，组合框会呈现并正常工作。

但是一旦我隐藏它并再次显示它，组合框的宽度设置不正确，它呈现如下：

在此处输入图像描述

它应该被渲染为：

在此处输入图像描述

呈现组合框的元素的 HTML 代码是：

    <tr valign="top" id="branchNameTr">
        <td class="td-label" id="branchNameTd">*Branch Name:</td>

        <td nowrap="" cellpadding="0" class="td-input" style="padding-left:10px;float:left">
            <span id="branchName" style="float: left"></span>
            <img border="0" alt="Branch Name " id="branchTooltip" style="float:left;padding-left:5px" src="images/info2.jpg">


        </td>
    </tr>

我正在使用的创建组合框的 JS 代码是：

    createRelease.branchNameList = new Ext.form.ComboBox({
        name : 'branchName',
        fieldLabel : 'Branch Name',
        store : createRelease.branchNameListStore,
        typeAhead : true,
        mode : 'local',
        forceSelection : true,
        displayField : 'branchName',
        valueField : 'branchNameId',
        triggerAction : 'all',
        emptyText : "select branch",
        selectOnFocus : true,
        minListWidth : "178",
        renderTo : 'branchName'
    });

在有条件的基础上，我隐藏了 branchNameTr 行以及在组合框中调用 hide 方法，如下所示：

if (packageGroupName == 'MCP') {
    document.getElementById("branchNameTr").className = "";
    createRelease.branchNameList.show();
    createRelease.branchNameList.doLayout();
} else {
    document.getElementById("branchNameTr").className = "hidden";
    createRelease.branchNameList.hide();
}

如您所见，我在“if”块中调用 show 和 doLayout 方法，这只会导致上面显示的第一个屏幕截图。我可以尝试修复宽度。

4

1 回答 1

1

为什么要明确隐藏组合？隐藏包含元素就足够了。

以我的经验，完全隐藏某些元素的最好方法是setDisplayed方法，所以你应该试试这个：

if (packageGroupName == 'MCP') {
    Ext.get("branchNameTr").setDisplayed(true);
} else {
    Ext.get("branchNameTr").setDisplayed(false);
}
于 2013-06-10T10:18:01.897 回答