Question

我正在尝试构建以下内容：

<Update Panel>
  <Bootstrap Theme>
    <Radio Button 1>
    <Radio Button 2>
  <Bootstrap Theme>
  <AsyncPostBack Triggers>
<Update Panel>

ASP加价：

<asp:UpdatePanel ID="updatePrd" runat="server">
                            <ContentTemplate>
                        <div class="row ">
                            <div class="col-md-5 id">Type Produced: </div>
                            <div class="col-md-5 def">
                                <div class="btn-group" data-toggle="buttons" style="padding-bottom:10px">
                                    <asp:Label id="btnTogGood" runat="server" CssClass="btn-baa btn-primary"></asp:Label>
                                </div>

                                <div class="btn-group" data-toggle="buttons" >
                                    <label class="btn btn-baa active enhanceButton">
                                        <asp:RadioButton ID="optGood" GroupName="prdType" runat="server" Checked="true" AutoPostBack="true" OnCheckedChanged="optGood_CheckedChanged"/>
                                        GOOD
                                    </label>
                                    <label class="btn btn-baa enhanceButton">
                                        <asp:RadioButton ID="optScrap" GroupName="prdType" runat="server" AutoPostBack="true" OnCheckedChanged="optScrap_CheckedChanged"/>
                                        SCRAP
                                    </label>
                                </div>

                            </div>
                        </div>

                        <div class="row ">
                            <div class="col-md-5 id" runat="server" id="divScrapModal"> </div>
                            <div class="col-md-4 def">
                                <asp:TextBox id="txtScrapCode" runat="server" placeholder="01" Visible="false" ></asp:TextBox>
                            </div>
                        </div>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="optGood" EventName="CheckedChanged" />
                            <asp:AsyncPostBackTrigger ControlID="optScrap" EventName="CheckedChanged" />
                        </Triggers>
                    </asp:UpdatePanel>

我遇到的问题是没有触发异步回发触发器。我有一个预感，这是因为引导主题div正在剥离单选按钮。不知道如何让它发挥作用。

非常感谢！

编辑：我应该补充一点，只需使用更新面板中的单选按钮，此代码就能100％运行。

注意：这段代码完美执行并触发异步回发：

<asp:UpdatePanel ID="updatePrd" runat="server">
                            <ContentTemplate>
                        <div class="row ">
                            <div class="col-md-5 id">Type Produced: </div>
                            <div class="col-md-5 def">

                                 <asp:RadioButton ID="optGood" GroupName="prdType" runat="server" Checked="true" AutoPostBack="true" OnCheckedChanged="optGood_CheckedChanged"/>
                                        GOOD


                                  <asp:RadioButton ID="optScrap" GroupName="prdType" runat="server" AutoPostBack="true" OnCheckedChanged="optScrap_CheckedChanged"/>
                                        SCRAP


                            </div>
                        </div>

                        <div class="row ">
                            <div class="col-md-5 id" runat="server" id="divScrapModal"> </div>
                            <div class="col-md-4 def">
                                <asp:TextBox id="txtScrapCode" runat="server" placeholder="01" Visible="false" ></asp:TextBox>
                            </div>
                        </div>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="optGood" EventName="CheckedChanged" />
                            <asp:AsyncPostBackTrigger ControlID="optScrap" EventName="CheckedChanged" />
                        </Triggers>
                    </asp:UpdatePanel>

Answer 1

我能够通过使用2个按钮和一些切换逻辑（当按钮1被点击，禁用按钮1等）并使用css来设置按钮主题来解决问题。我仍然有兴趣知道为什么我的原始方法不起作用。

带有单选按钮切换的Bootstrap不会在更新面板内触发异步回发

1 个答案: