<telerik:RadScheduler ID="DayViewScheduler" runat="server" Height="960" ShowFooter="False" OverflowBehavior="Expand" DataKeyField="Id" HoursPanelTimeFormat="hh:mm tt" DataSubjectField="Subject" DataStartField="StartDate" ShowAllDayRow="False" ShowViewTabs="False" DataEndField="EndDate" TimeLabelRowSpan="1" CustomAttributeNames="ServiceInstanceId,ServiceTypeValue,Details,ReservationColor,BlinkIndicator" OnNavigationComplete="DayViewScheduler_NavigationComplete" OnDataBound="DayViewScheduler_DataBound" OnAppointmentDataBound="DayViewScheduler_AppointmentDataBound" OnFormCreating="DayViewScheduler_FormCreating" OnAppointmentDelete="DayViewScheduler_AppointmentDelete" OnAppointmentInsert="DayViewScheduler_AppointmentInsert" OnAppointmentUpdate="DayViewScheduler_AppointmentUpdate" OnClientAppointmentResizeStart="OnClientAppointmentResizeStart" OnAppointmentCreated="DayViewScheduler_AppointmentCreated" OnClientAppointmentMoveEnd="onAppointmentMoveEnd" OnClientAppointmentResizing="onAppointmentResizing" OnClientAppointmentResizeEnd="onAppointmentResizeEnd" EditFormDateFormat="dd/MM/yyyy" EditFormTimeFormat="HH:mm" meta:resourcekey="DayViewSchedulerResource2" Width="960px"> <MonthView UserSelectable="False" /> <WeekView UserSelectable="False" /> <TimelineView UserSelectable="False" /> <ExportSettings> <Pdf PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in" PageTopMargin="1in" /> </ExportSettings> <AdvancedForm Modal="True" /> <AppointmentTemplate> <div class="personPopupTrigger" rel='<%#Eval("Id")%>' url='<%=ResolveUrl("~") %>'> <%# FormatText(Eval("Subject")) %> <dx:ASPxImage ID="ASPxImage1" ImageUrl="~/CSS/images/alertAppointment.gif" runat="server" Visible='<%#Convert.ToBoolean(Eval("BlinkIndicator"))%>'> </dx:ASPxImage> </div> </AppointmentTemplate> </telerik:RadScheduler>When Use two Grid in 1 Page There are GridTemplateColumn EditItemTemplate in both grid
EditMode="Batch" & save by function saveTableChanges
- TemplateColumn not work
- GridBoundColumn it Work
- ColumnEditor it Work
- 1 Grid on 1 Page GridBoundColumn it Work
<head> <title>Test</title> <script type="text/javascript"> function SaveAllChanges(sender, args) { var b = $find('<%=RadGrid1.ClientID%>').get_batchEditingManager(); var tableViews = []; tableViews.push($find('<%=RadGrid1.ClientID%>').get_masterTableView()); tableViews.push($find('<%=RadGrid3.ClientID%>').get_masterTableView()); b.saveTableChanges(tableViews); } </script></head><body> <form id="Form1" runat="server"> <telerik:RadScriptManager Runat="server"></telerik:RadScriptManager> <telerik:RadButton runat="server" ID="RadButton1" Text="SaveAllChanges" AutoPostBack="false" OnClientClicked="SaveAllChanges"></telerik:RadButton> <telerik:GridNumericColumnEditor ID="NumericEditor1" runat="server"> <NumericTextBox ID="NumericTextBox1" runat="server" Width="60px" /> </telerik:GridNumericColumnEditor> <telerik:GridTextBoxColumnEditor runat="server" ID="TextEditor"> <TextBoxStyle Width="120px" /> </telerik:GridTextBoxColumnEditor> <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource3" AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True" AllowAutomaticDeletes="true" AllowSorting="true" PageSize="3" OnBatchEditCommand="RadGrid1_BatchEditCommand"> <PagerStyle Mode="NextPrevAndNumeric" /> <MasterTableView DataSourceID="SqlDataSource3" AutoGenerateColumns="False" DataKeyNames="CustomerID" EditMode="Batch" CommandItemDisplay="Top"> <Columns> <telerik:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID" SortExpression="CustomerID" UniqueName="CustomerID"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="ContactName" HeaderStyle-Width="180px" UniqueName="ContactName" > <ItemTemplate> <%# Eval("ContactName") %> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="TextBox1" Text='<%# Bind("ContactName") %>' runat="server"></asp:TextBox> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName" UniqueName="CompanyName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle" UniqueName="ContactTitle"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Phone" HeaderStyle-Width="135px" HeaderText="Quantity Per Unit" SortExpression="" ColumnEditorID="TextEditor" UniqueName="QuantityPerUnit"> </telerik:GridBoundColumn> <telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" /> </Columns> </MasterTableView> </telerik:RadGrid> <!--Grid2------------> <telerik:RadGrid ID="RadGrid3" GridLines="None" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" PageSize="3" Skin="Default" AllowAutomaticUpdates="True" AllowPaging="True" AutoGenerateColumns="False" Width="750px" OnBatchEditCommand="RadGrid3_BatchEditCommand" DataSourceID="SqlDataSource1"> <MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="ProductID" DataSourceID="SqlDataSource1" HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="False"> <BatchEditingSettings EditType="Cell" /> <SortExpressions> <telerik:GridSortExpression FieldName="ProductID" SortOrder="Descending" /> </SortExpressions> <Columns> <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="210px" HeaderText="ProductName" SortExpression="ProductName" UniqueName="ProductName"> <ColumnValidationSettings EnableRequiredFieldValidation="true"> <RequiredFieldValidator ForeColor="Red" Text="*This field is required"> </RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="Category" HeaderStyle-Width="180px" UniqueName="CategoryID" DataField="CategoryID"> <ItemTemplate> <%# Eval("CategoryName") %> </ItemTemplate> <EditItemTemplate> <telerik:RadDropDownList runat="server" ID="CategoryIDDropDown" DataValueField="CategoryID" DataTextField="CategoryName" DataSourceID="SqlDataSource2"> </telerik:RadDropDownList> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridNumericColumn DataField="UnitsInStock" HeaderStyle-Width="80px" ColumnEditorID="NumericEditor1" HeaderText="Units In Stock" SortExpression="UnitsInStock" UniqueName="UnitsInStock"> </telerik:GridNumericColumn> <telerik:GridBoundColumn DataField="QuantityPerUnit" HeaderStyle-Width="135px" HeaderText="Quantity Per Unit" SortExpression="QuantityPerUnit" ColumnEditorID="TextEditor" UniqueName="QuantityPerUnit"> </telerik:GridBoundColumn> <telerik:GridCheckBoxColumn DataField="Discontinued" HeaderStyle-Width="80px" HeaderText="Discontinued" SortExpression="Discontinued" UniqueName="Discontinued"> </telerik:GridCheckBoxColumn> <telerik:GridTemplateColumn HeaderText="UnitPrice" ColumnEditorID="NumericEditor1" HeaderStyle-Width="80px" SortExpression="UnitPrice" UniqueName="TemplateColumn" DataField="UnitPrice"> <ItemTemplate> <asp:Label runat="server" ID="lblUnitPrice" Text='<%# Eval("UnitPrice", "{0:C}") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <span> <telerik:RadNumericTextBox Width="55px" runat="server" ID="tbUnitPrice"> </telerik:RadNumericTextBox> <span style="color: Red"> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="tbUnitPrice" ErrorMessage="*Required" runat="server"> </asp:RequiredFieldValidator> </span> </span> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" HeaderText="Delete" HeaderStyle-Width="50px" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"> </telerik:GridButtonColumn> </Columns> </MasterTableView> </telerik:RadGrid>
Hi all,
After downloading UI for ASP.Net Ajax R3 2016, Telerik Menu disappeared from VS 2013. Only JustCode is showing. Refer to attach.
However Telerik Controls are showing up under VS Tool Boxes.
I need the Telerik Upgrade wizard in VS Menu to upgrade my existing Projects/Reports with Latest Telerik Versions. I am stuck now.
Any Suggestions/Help will be appreciated.
Thanks
gc_0620
I have an AjaxLoadingPanel on my page to prevent users from clicking the submit button more than once. The first submission/postback works perfectly. After the first postback, a second submission causes the page to flash blank like it's refreshing and postback seemingly without AJAX. The child page content is fine, but the masterpage's header and side panel both end up missing the list of tabs and links for navigating the site. Further postbacks exhibit the same behavior and the masterpage doesn't recover until a manual refresh. There are 2 buttons on the page for submission of the form and display of entries. Regardless of which button is pressed or in what order it always happens on the second postback. Hopefully I've just set something up wrong with the LoadingPanel but any insight would be appreciated.
HTML markup below:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function pageLoad() { var grid = $find("<%= gridAgents.ClientID %>"); var columns = grid.get_masterTableView().get_columns(); for (var i = 0; i < columns.length; i++) { columns[i].resizeToFit(); } } </script> </telerik:RadCodeBlock></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="PageHeaderContentPlaceHolder" runat="Server"></asp:Content><asp:Content ID="Content3" ContentPlaceHolderID="SideBarPlaceHolder" runat="Server"></asp:Content><asp:Content ID="Content4" ContentPlaceHolderID="PageContentPlaceHolder" runat="Server"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <div class="container"> <!-- Input controls for form fields --> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="UpdatePanel1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="UpdatePanel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="false" BackgroundTransparency="70" Direction="LeftToRight" EnableSkinTransparency="true" Skin="Default" Style="position: center; width: 100%"> </telerik:RadAjaxLoadingPanel> <br /> <br /> From: <telerik:RadNumericTextBox ID="txtFrom" runat="server" CssClass="form-control" NumberFormat-DecimalDigits="0" MinValue="0" Width="50px" NumberFormat-GroupSeparator=""></telerik:RadNumericTextBox> To: <telerik:RadNumericTextBox ID="txtTo" runat="server" CssClass="form-control" NumberFormat-DecimalDigits="0" MinValue="0" Width="50px" NumberFormat-GroupSeparator=""></telerik:RadNumericTextBox> <asp:Button ID="btnSet" runat="server" Text="Set" CssClass="btn btn-primary" OnClick="btnSet_Click" /> <div id="output" runat="server" style="height: 70px; width: 100%; overflow: auto"> <telerik:RadGrid ID="grid" runat="server" AutoGenerateColumns="true" DataSourceID="DataSource"> <ClientSettings> <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" EnableRealTimeResize="true" /> </ClientSettings> </telerik:RadGrid> </div> <asp:SqlDataSource ID="DataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand=""></asp:SqlDataSource> </div> </ContentTemplate> </asp:UpdatePanel></asp:Content>C# backend below:
protected void Page_Load(object sender, EventArgs e){}protected void btnInput_Click(object sender, EventArgs e){ //Object creation and SQL insert if (err.Equals(String.Empty)) { DataSource.SelectCommand = "SELECT * FROM [Table] WHERE [Col] = " + id.ToString(); output.Attributes.CssStyle.Add("height", "70px"); lblSuccess.Visible = true; clearControls(); //sets control fields to empty } else { lblErr.Visible = true; lblErr.Text = err; }} protected void btnSet_Click(object sender, EventArgs e) { AgentDataSource.SelectCommand = "SELECT * FROM [Table] WHERE [Col] BETWEEN " + txtFrom.Text + " AND " + txtTo.Text; output.Attributes.CssStyle.Add("height", "300px"); gridAgents.Rebind(); }Masterpage markup below:
<body> <table id="PageBody" cellpadding="0" cellspacing="0"> <tr> <td id="PageHeaderSideBar"> <asp:Image ID="Image5" runat="server" SkinID="PageLogo" CssClass="PageLogo" /> </td> <td id="PageHeaderLeftSide"> <asp:Image ID="Image1" runat="server" SkinID="Placeholder" /> </td> <td id="PageHeaderContent"> <div class="Header"> <asp:SiteMapPath ID="SiteMapPath1" runat="server" SkinID="SiteMapPath" /> <div class="Title"> <asp:ContentPlaceHolder ID="PageHeaderContentPlaceHolder" runat="server"> Page Title</asp:ContentPlaceHolder> </div> </div> </td> <td id="PageHeaderRightSide"> <asp:Image ID="Image2" runat="server" SkinID="Placeholder" /> </td> </tr> <tr> <td id="PageContentSideBar" valign="top"> <div class="SideBarBody"> <asp:ContentPlaceHolder ID="SideBarPlaceHolder" runat="server" /> <asp:Image runat="server" SkinID="Placeholder" /> </div> </td> <td id="PageContentLeftSide"> <asp:Image ID="Image3" runat="server" SkinID="Placeholder" /> </td> <td id="PageContent" valign="top"> <asp:ContentPlaceHolder ID="PageContentPlaceHolder" runat="server" /> </td> <td id="PageContentRightSide"> <asp:Image ID="Image4" runat="server" SkinID="Placeholder" /> </td> </tr> <tr> <td id="PageFooterSideBar" /> <td id="PageFooterLeftSide" /> <td id="PageFooterContent" /> <td id="PageFooterRightSide" /> </tr> </table></body>The calendar gets cut in half when adding an appointment. This issue is happening in all the browsers .
Telerik version:- 2016.1.113.45
Hi,
I'm trying to use jQuery to set a selected item in a RadComboBox. This is my HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="EBuild.PWMS.UI.Pages.TestPage" %>
<%@ Register tagprefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<table>
<tr>
<td>Buyer: </td>
<td>
<telerik:RadComboBox ID="RadComboBoxBuyers"
DataValueField="Id" DataTextField="PickerName"
DataSourceID="SqlDataSource1"
EnableAutomaticLoadOnDemand="true" ShowMoreResultsBox="true"
EnableVirtualScrolling="true" ItemsPerRequest="10"
runat="server">
</telerik:RadComboBox>
</td>
</tr>
</table>
<asp:SqlDataSource ID="SqlDataSource1"
ConnectionString="<%$ ConnectionStrings:APPDB %>"
ProviderName="System.Data.SqlClient"
SelectCommand="usp_GetUsersBuyers"
SelectCommandType="StoredProcedure"
runat="server">
<SelectParameters>
<asp:Parameter Name="IsSearch" Type="Boolean" DefaultValue="True" />
</SelectParameters>
</asp:SqlDataSource>
</form>
</body>
</html>
The problem is I'm not able to get a reference to the ComboBox. I searched the forum and found a bunch of code snippets but none of them works. This is what I tried:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
$(document).ready(function () {
el = $find("RadComboBoxBuyers"); // returns null
el = $("form").find("[id='RadComboBoxBuyers']"); // el.findItemByValue is undefined
el = $telerik.$("#RadComboBoxBuyers"); // el.findItemByValue is undefined
});
</script>
</telerik:RadCodeBlock>
I have hard-coded the name of the control to "RadComboBoxBuyers" in the above code because I know that it is the correct ClientID.
Any suggestions?
Thanks,
Leszek
As of R2 2017 SP2 the temporary files saved to the disk or via InputStream have the .tmp extension, which could break your existing file save logic. This change is due to the security improvement explained in the Insecure Direct Object Reference article.
If the .tmp extension causes any trouble, you can strip it programmatically.
<script type="text/javascript"> Telerik.Web.UI.RadScheduler.prototype.saveClientState = function () { return '{"scrollTop":' + Math.round(this._scrollTop) + ',"scrollLeft":' + Math.round(this._scrollLeft) + ',"isDirty":' + this._isDirty + '}'; }
</script><script type="text/javascript"> Telerik.Web.UI.RadListBox.prototype.saveClientState = function () { return "{" + "\"isEnabled\":" + this._enabled + ",\"logEntries\":" + this._logEntriesJson + ",\"selectedIndices\":" + this._selectedIndicesJson + ",\"checkedIndices\":" + this._checkedIndicesJson + ",\"scrollPosition\":" + Math.round(this._scrollPosition) + "}"; } </script><script type="text/javascript"> Telerik.Web.UI.RadTreeView.prototype.saveClientState = function () { return "{\"expandedNodes\":" + this._expandedNodesJson + ",\"collapsedNodes\":" + this._collapsedNodesJson + ",\"logEntries\":" + this._logEntriesJson + ",\"selectedNodes\":" + this._selectedNodesJson + ",\"checkedNodes\":" + this._checkedNodesJson + ",\"scrollPosition\":" + Math.round(this._scrollPosition) + "}"; } </script>

We are looking at upgrading our .NET application from 3.5 to 4.7 and I am wondering what version of the Telerik Controls would be suitable for .NET 4.7
We are currently using 2014.1.403.35
I found that .NET 4.6 is supported from 2015.2.826, but could see no mention of .NET 4.7
