AJAX Combobox按钮未显示在jquery UI选项卡中

时间:2011-12-12 10:56:22

标签: c# jquery-ui combobox jquery-ui-tabs

当我在jquery UI的选项卡外填充组合框时,它工作正常。但是当在选项卡中完成相同操作时,CB的下拉按钮不会显示,并且下拉列表也不可见。我是新手使用Javascript。谁能在这方面帮助我。

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>                          

<script type="text/javascript">

        $(function () {
            $("#tabs").tabs();
        });
</script>

         ............

    <div id="tabs-3">
         <asp:ComboBox ID="ComboBox2" runat="server" AppendDataBoundItems="True"  
            DataSourceID="SqlDataSource1" DropDownStyle="DropDownList"  
            AutoCompleteMode="SuggestAppend" DataTextField="display_name" 
            DataValueField="display_name" style="display: inline;" 
           AutoPostBack="True" MaxLength="0" Visible="true">

        </asp:ComboBox>


    </div>

1 个答案:

答案 0 :(得分:0)

要在jQuery选项卡中执行此操作,请查找包含JQuery选项卡样式的CSS文件。 寻找

.ui-tabs .ui-tabs-hide 

并更改

display: none 

position: absolute; left: -10000px;

通过停止asp / ajax上的内联样式/任何被设置为'display:none'的控件,这对我有用