[英]Ajax calendar extender issue on ajax modal popup?
我在asp.net Web窗體的ajax模態彈出窗口中添加了ajax日歷擴展程序,但它不顯示月份和年份。
<asp:TextBox ID="txtdateCalendar" runat="server" Width="220px" ></asp:TextBox>
<asp:ImageButton ID="imgPopup" runat="server" ImageUrl="https://cdn4.iconfinder.com/data/icons/small-n-flat/24/calendar-alt-512.png" Height="20px" Width="30px" />
<ajaxToolkit:CalendarExtender ID="CalendarBirth" TargetControlID ="txtdateCalendar" CssClass="cal_Theme1" PopupButtonID="imgPopup" Format="dd/MM/yyyy" runat="server"></ajaxToolkit:CalendarExtender>
要解決此問題,請盡量避免:
1)打開“ 網站\\管理NuGet軟件包”菜單項。
2)在瀏覽下安裝AjaxControlToolkit.StaticResources
3)將ScriptReference添加到ScriptManager控件
<asp:ScriptManager runat="server"> <Scripts> <asp:ScriptReference Path="~/Scripts/AjaxControlToolkit/Bundle" /> </Scripts> </asp:ScriptManager>
4)將Styles.Render表達式添加到元素。
<asp:PlaceHolder runat="server"> <%:System.Web.Optimization.Styles.Render("~/Content/AjaxControlToolkit/Styles/Bundle") %> </asp:PlaceHolder> <link href="../../include/css/ajax-calendar-fix.css" rel="stylesheet" />
5)在項目的解決方案資源管理器中,在項目根目錄中找到Scripts \\ AjaxControlToolkit \\ Release文件夾。
6)打開Calendar.js文件並搜索this._width=
。
7)將高度和寬度更改為您為.ajax__容器的高度和寬度設置的值。 (它們將彼此相鄰。)
筆記:
A)就我而言,我們使用的是git,因此我還將Calendar.js文件添加到了源代碼管理中。
B)我在其他頁面控件上也有一些沖突的樣式,因此我必須使一些選擇器更加具體,以使邊框和背景正確顯示。
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
變成了.ajax__calendar_custom td.ajax__calendar_hover div.ajax__calendar_today
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.