更新面板在回發后洗掉CssClass？

好吧，這看起來很奇怪，因為從那時起我一直在使用更新面板，然后猜猜看，它會在CssClass回發后洗掉其中的所有物件。

我使用更新面板在我ListBox的上添加專案，并且串列框回傳到其原始形式。我的意思return to the original form是它就像一個沒有 CSS 的串列框。

但是當我在網路瀏覽器上檢查元素時，物件的類仍然存在，但它并沒有真正反映在 UI 上。

所以這是我的代碼：

<asp:UpdatePanel runat="server">
            <ContentTemplate>
                <!--RECEIVER INFORMATION-->
                <div class="pd-20">
                    <h4 class="text-green h4">Receiver Details</h4>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Vendor Name</label>
                                <asp:DropDownList runat="server" ClientIDMode="Static"
                                    CssClass="custom-select2 form-control" ID="cmbVendor">
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <label>Currency</label>
                            <div class="input-group custom">
                                <asp:TextBox runat="server" ID="txtCurrency" Placeholder="Currency"
                                    CssClass="form-control form-control-lg text-uppercase"></asp:TextBox>
                                <div class="input-group-append custom">
                                    <span class="input-group-text"><i class="icon-copy fi-dollar"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <label>Amount</label>
                            <div class="input-group custom">
                                <asp:TextBox runat="server" ID="txtAmount" Placeholder="Amount" TextMode="Number" AutoPostBack="true"
                                    CssClass="form-control form-control-lg" OnTextChanged="txtAmount_TextChanged"></asp:TextBox>
                                <div class="input-group-append custom">
                                    <span class="input-group-text"><i class="icon-copy fi-dollar-bill"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--RECEIVER INFORMATION-->

                <!--APPROVER DETAILS-->
                <div class="pd-20">
                    <h4 class="text-green h4">Approver Details</h4>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Approvers</label>
                                <asp:ListBox runat="server" ID="lbApprovers" SelectionMode="Multiple" ClientIDMode="Static"
                                    CssClass="custom-select2 form-control text-uppercase" multiple="multiple"></asp:ListBox>
                            </div>
                        </div>
                    </div>
                </div>
                <!--APPROVER DETAILS-->
            </ContentTemplate>
        </asp:UpdatePanel>

我無法真正解釋發生了什么，所以我將在回發后附上問題的照片。

這是之前的回發

這是后回發

有人可以告訴我我做錯了什么，我應該怎么做才能做到這一點？

uj5u.com熱心網友回復：

ListBox 使用 Custom-select2 組件，在頁面加載時由 js 初始化。使用 UpdatePanel 回發時，UpdatePanel 中的所有內容都將被替換，但頁面加載事件不會再次觸發，因為這是 ajax 呼叫。因此，custom-select2 初始化腳本不會觸發。

對于帶有UpdatePanel 的頁面，可以在pageLoad 方法中呼叫initialize 腳本，UpdatePanel 在每次回發時都會觸發該腳本。

<script>
    function pageLoad(sender, args) {
        console.log("page load event occur");
    }
</script>

標籤：C＃网网络表格

上一篇：創建TryMapOrReturnDefault模式

下一篇：在aspx頁面中顯示字串html內容