SouravParamanik007 Ответов: 0

Как включить и отключить кнопку bootstrapped design/выпадающий список

У меня есть выпадающий список ASP, который разработан с помощью bootstrap. Я должен включить еще один выпадающий список для элемента списка с именем "другие".

Раскрывающийся элемент управления, который должен быть включен, - это "ddlotheritem" на selectedindexchanged "ddlitemtype" записывается как 

<div class="form-group">
     <label>Item Type
           <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ForeColor="Red" Font-Size="Large" Font-Bold="true"
            ControlToValidate="ddlitemtype" Display="Dynamic" InitialValue="Select" ValidationGroup="textboxes"></asp:RequiredFieldValidator>
     </label>
                            <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                    <asp:DropDownList ID="ddlitemtype" class="form-control" runat="server" ValidationGroup="textboxes"
                                        EnableViewState="true" AutoPostBack="true" ViewStateMode="Enabled"
                                        OnSelectedIndexChanged="ddlitemtype_SelectedIndexChanged">
                                    </asp:DropDownList>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </div>



 <div class="form-group">
 <label>Others(Type)</label>
 <asp:DropDownList ID="ddlotheritem" class="form-control" runat="server" ValidationGroup="textboxes" disabled></asp:DropDownList>
 </div>

Мои проблемы заключаются в следующем.

1) поскольку это bootstrap design, Если я делаю Enabled="false" для "ddlotheritem" , то разработанный bootstrap исчезнет, и появится обычный выпадающий список ASP без какого-либо дизайна. Когда я добавляю disabled к тегу, как написано выше в коде, дизайн корректно работает как отключенное текстовое поле. Если я удалю этот тег"disabled" и поставлю Enable= "false" в загрузку страницы, то произойдет то же самое, то есть без выпадающего списка Design simple ASP, который мне не нужен.

Однако, если это последует, я не смогу изменить элемент управления на enabled в бэкэнд-коде. Код, который я написал, таков:

protected void ddlitemtype_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (ddlitemtype.SelectedItem.Text.ToUpper() == "OTHERS")
        {
            ddlotheritem.Attributes["enabled"] = "enabled";
            ddlotheritem.Items.Add("text"); // for testing adding a value
        }
        else
        {
            ddlotheritem.Attributes["disabled"] = "disabled";
        }
    }


Как я могу включить/отключить выпадающий список "ddlotheritem" без каких-либо изменений дизайна в Bootstrap по щелчку значения "Others" выпадающего списка "ddlitemtype" ?

Следует отметить, что эта страница, где существует этот выпадающий список, является страницей содержимого мастера.

Что я уже пробовал:

Поскольку это bootstrap design, Если я делаю Enabled="false" для "ddlotheritem" , разработанный bootstrap исчезнет, и появится обычный выпадающий список ASP без какого-либо дизайна. Когда я добавляю disabled к тегу, как написано выше в коде, дизайн корректно работает как отключенное текстовое поле. Если я удалю этот тег"disabled" и поставлю Enable= "false" в загрузку страницы, то произойдет то же самое, то есть без выпадающего списка Design simple ASP, который мне не нужен.

0 Ответов