Hi,
I am using Telerik with ASP.NET.
There is some process which takes much time to complete. At the time
of process RadAjaxLoadingPanel viwed successfully in my development
environment.
But when I run the application from IIS then after some tile ajax
loading panel disappear. At the time back end process till in progress
and finally no message about the completion success or failure status.
Some code:
Master page:
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
AsyncPostBackTimeout
=
"1200"
>
<
Scripts
>
<
telerik:RadScriptReference
Path="JS/jquery-1.11.1.min.js
</Scripts>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
UpdatePanelsRenderMode="Inline><
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanelProcess"
Enabled
=
"true"
runat
=
"server"
IsSticky
=
"true"
MinDisplayTime
=
"300"
Style
=
"position: absolute; top: 0; left: 0; height: 100%; width: 100%"
>
Processing..
</
telerik:RadAjaxLoadingPanel
>
Content page:
<
telerik:RadWindowManager
ID
=
"RadWindowManagerProcess"
runat
=
"server"
</telerik:RadWindowManager>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanelProcess1"
Enabled
=
"true"
runat
=
"server"
IsSticky
=
"true"
Style
=
"position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
RegisterWithScriptManager
=
"true"
> Processing...</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
OnAjaxRequest
=
"RadAjaxManager1_AjaxRequest"
LoadingPanelID
=
"RadAjaxLoadingPanelProcess1"
>
</
telerik:RadAjaxPanel
<telerik:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function confirmCallBackFn(arg) {
var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>")
if (arg) {
$find("<%= RadAjaxPanel1.ClientID%>").ajaxRequestWithTarget("<%= RadAjaxPanel1.UniqueID %>", "PanGenerate");
}
else {
ajaxManager.ajaxRequest('Cancel');
}
}
</
script
>
</
telerik:RadCodeBlock
>
CS:
protected void btnCrud_ProcessClick(object sender, EventArgs e){
//.........
if (totalCard >
{ var msg = new StringBuilder();
msg.Append("Total " + totalCard + " records found.");
msg.Append("/br");
msg.Append(" Do you want to process " + CalculativeCard + " records ?");<
br
> RadWindowManagerProcess.RadConfirm(msg.ToString(), "confirmCallBackFn", 370,170, null, "Confirmation Message")
}
}
Hello and thank you in advance,
I have created a customized theme using the Telerik Theme Builder which is supposed to be compatible with Bootstrap from what I understand. However, the issue I'm seeing is that the grid does not resize responsively when I reduce the size of the browser window. Below is the markup for my grid. The grid still appears to take up the size of the screen that you would see if you viewed it from a laptop but does not resize to fit a mobile-device-sized window.
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"mainContent"
runat
=
"Server"
>
<
asp:Panel
ID
=
"borderPanel1"
runat
=
"server"
Style
=
"margin-left: 2px;"
>
<
div
class
=
"container"
>
<
asp:Label
ID
=
"lblTitle"
runat
=
"server"
CssClass
=
"LabelHeader"
Text
=
"LAST 7 DAYS QUICK VIEW"
></
asp:Label
>
<
br
/>
<
br
/>
<
div
class
=
"row"
style
=
"float: left;"
>
<
div
class
=
"col-sm-5"
style
=
"vertical-align: top; float: left;"
>
<
telerik:RadGrid
ID
=
"RequestGrid"
EnableEmbeddedSkins
=
"false"
Skin
=
"NEE_Theme"
OnNeedDataSource
=
"RequestGrid_NeedDataSource"
OnItemDataBound
=
"RequestGrid_ItemDataBound"
ShowStatusBar
=
"true"
runat
=
"server"
AllowPaging
=
"True"
AllowSorting
=
"True"
AutoGenerateColumns
=
"False"
AllowMultiRowSelection
=
"True"
GridLines
=
"None"
BorderWidth
=
"0"
HeaderStyle-BorderWidth
=
"0"
FooterStyle-BorderWidth
=
"0"
>
<
MasterTableView
BorderWidth
=
"0"
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"request__request_id"
Visible
=
"false"
HeaderText
=
"ID"
UniqueName
=
"request__request_id"
ReadOnly
=
"true"
/>
<
telerik:GridBoundColumn
DataField
=
"place__place_id"
HeaderText
=
"Location"
ItemStyle-Width
=
"20%"
ReadOnly
=
"true"
UniqueName
=
"place__place_id"
Visible
=
"true"
/>
<
telerik:GridBoundColumn
DataField
=
"request__req_type"
HeaderText
=
"Type"
ItemStyle-Width
=
"20%"
ReadOnly
=
"True"
UniqueName
=
"request__req_type"
Visible
=
"True"
/>
<
telerik:GridBoundColumn
DataField
=
"request__req_status"
HeaderText
=
"Status"
ItemStyle-Width
=
"15%"
ReadOnly
=
"True"
UniqueName
=
"request__req_status"
Visible
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"req_status__description"
HeaderText
=
"Status"
ItemStyle-Width
=
"15%"
ReadOnly
=
"True"
UniqueName
=
"req_status__description"
Visible
=
"True"
/>
<
telerik:GridBoundColumn
DataField
=
"request__cust_prob_descr"
HeaderText
=
"Description"
ItemStyle-Width
=
"45%"
ReadOnly
=
"True"
UniqueName
=
"request__cust_prob_descr"
Visible
=
"True"
/>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
</
div
>
<
div
class
=
"col-sm-7"
>
<
div
class
=
"row"
>
<
div
style
=
"width: 100%;"
class
=
"col-sm-12"
>
<
table
style
=
"width: 70%; height: 100%; border: 1px solid; line-height: 70px;"
>
<
tr
>
<
td
class
=
"topalign"
>
<
asp:HyperLink
ID
=
"HyperLink1"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewRequests.aspx"
Text
=
"View Service Requests"
CssClass
=
"leftalign"
Font-Overline
=
"false"
></
asp:HyperLink
>
</
td
>
<
td
>
<
asp:HyperLink
ID
=
"HyperLink2"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewRequests.aspx"
CssClass
=
"rightalign"
>
<
img
src
=
"../../../Custom/Images/viewrequests.png"
alt
=
"Requests"
style
=
"line-height: 70px; height: 50px; float: right;"
/>
</
asp:HyperLink
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
div
>
<
br
/>
<
div
class
=
"row"
>
<
div
style
=
"width: 100%;"
class
=
"col-sm-12"
>
<
table
style
=
"width: 70%; height: 100%; border: 1px solid; line-height: 70px;"
>
<
tr
>
<
td
class
=
"topalign"
>
<
asp:HyperLink
ID
=
"HyperLink3"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewPlacesRecert.aspx"
Text
=
"View Places & PM/Recert Due"
CssClass
=
"leftalign"
></
asp:HyperLink
>
</
td
>
<
td
>
<
asp:HyperLink
ID
=
"HyperLink4"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewPlacesRecert.aspx"
CssClass
=
"rightalign"
>
<
table
>
<
tr
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewplaces_1.png"
alt
=
"View Places & PM"
/>
</
td
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewplaces_2.png"
alt
=
"View Places & PM"
/>
</
td
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewplaces_3.png"
alt
=
"View Places & PM"
width
=
"50px"
height
=
"50px"
/>
</
td
>
</
tr
>
</
table
>
</
asp:HyperLink
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
div
>
<
br
/>
<
div
class
=
"row"
>
<
div
style
=
"width: 100%;"
class
=
"col-sm-12"
>
<
table
style
=
"width: 70%; height: 100%; border: 1px solid; line-height: 70px;"
>
<
tr
>
<
td
class
=
"topalign"
>
<
asp:HyperLink
ID
=
"HyperLink5"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewProducts.aspx"
Text
=
"View Products/Assets"
CssClass
=
"leftalign"
></
asp:HyperLink
>
</
td
>
<
td
>
<
asp:HyperLink
ID
=
"HyperLink6"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_ViewProducts.aspx"
CssClass
=
"rightalign"
>
<
table
style
=
"line-height: 70px; float: right;"
>
<
tr
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewproducts_1.png"
alt
=
"View Products"
style
=
"line-height: 70px; height: 50px;"
/>
</
td
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewproducts_2.jpg"
alt
=
"View Products"
style
=
"line-height: 70px; height: 50px;"
/>
</
td
>
<
td
>
<
img
src
=
"../../../Custom/Images/viewproducts_3.png"
alt
=
"View Products"
style
=
"line-height: 70px; height: 50px;"
/>
</
td
>
</
tr
>
</
table
>
</
asp:HyperLink
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
div
>
<
br
/>
<
div
class
=
"row"
>
<
div
style
=
"width: 100%;"
class
=
"col-sm-12"
>
<
table
style
=
"width: 70%; height: 100%; border: 1px solid; line-height: 70px;"
>
<
tr
>
<
td
class
=
"topalign"
>
<
asp:HyperLink
ID
=
"HyperLink7"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_CreateRequest.aspx"
Text
=
"Create Service Request"
CssClass
=
"leftalign"
></
asp:HyperLink
>
</
td
>
<
td
>
<
asp:HyperLink
ID
=
"HyperLink8"
runat
=
"server"
NavigateUrl
=
"~/Default.aspx?page=NEE_CreateRequest.aspx"
CssClass
=
"rightalign"
>
<
img
src
=
"../../../Custom/Images/createservicerequest.png"
alt
=
"Create Service Request"
style
=
"line-height: 70px; height: 50px; float: right;"
/>
</
asp:HyperLink
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
asp:Panel
>
</
asp:Content
>
I got stuck in an issue while trying to bind a reference member (navigation property - foreign key reference) to a dropdownlist. I have Telerik RadGrid control which gets the data using a EntityDataSource control. Here is the model description:
Applications: AppId, AppName, ServerId |
Servers: ServerId, ServerName |
<telerik:RadGrid ID="gridApplications" runat="server" Skin="Sunset" |
AllowAutomaticInserts="True" AllowAutomaticDeletes="True" |
AllowPaging="True" AllowAutomaticUpdates="True" |
AutoGenerateColumns="False" OnItemCreated="gridApplications_ItemCreated" |
DataSourceID="applicationsEntityDataSource" Width="50%" |
OnItemInserted="gridApplications_ItemInserted" |
OnItemUpdated="gridApplications_ItemUpdated" |
OnItemDeleted="gridApplications_ItemDeleted" GridLines="None"> |
<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="False" DataKeyNames="AppId" DataSourceID="applicationsEntityDataSource"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px" /> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px" /> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" HeaderText="Edit" ItemStyle-Width="10%"> |
</telerik:GridEditCommandColumn> |
<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ConfirmText="Are you sure you want to delete this application?" ConfirmTitle="Confirm Delete" ConfirmDialogType="Classic" ItemStyle-Width="10%" HeaderText="Delete"> |
</telerik:GridButtonColumn> |
<telerik:GridBoundColumn DataField="AppId" UniqueName="AppId" Visible="false" HeaderText="Application Id" ReadOnly="true"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="AppName" UniqueName="AppName" HeaderText="Application Name" MaxLength="30" ItemStyle-Width="40%"> |
</telerik:GridBoundColumn> |
<telerik:GridTemplateColumn DataField="ServerId" UniqueName="ServerId" HeaderText="Server Hosted" EditFormColumnIndex="1"> |
<EditItemTemplate> |
<asp:DropDownList ID="ddlServerHosted" runat="server" DataTextField="Servers.ServerName" DataValueField="ServerId" Width="40%"> |
</asp:DropDownList> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
</Columns> |
<EditFormSettings ColumnNumber="2" CaptionDataField="AppId" InsertCaption="Insert New Application" EditFormType="AutoGenerated"> |
<EditColumn InsertText="Insert record" EditText="Edit application id #:" EditFormColumnIndex="0" UpdateText="Application updated" UniqueName="InsertCommandColumn1" CancelText="Cancel insert" ButtonType="ImageButton"></EditColumn> |
<FormTableItemStyle Wrap="false" /> |
<FormTableStyle GridLines="Horizontal" CellPadding="2" CellSpacing="0" Height="110px" Width="110px" /> |
<FormTableAlternatingItemStyle Wrap="false" /> |
<FormStyle Width="100%" BackColor="#EEF2EA" /> |
<FormTableButtonRowStyle HorizontalAlign="Right" /> |
</EditFormSettings> |
</MasterTableView> |
</telerik:RadGrid> |
<asp:EntityDataSource ID="applicationsEntityDataSource" runat="server" |
ConnectionString="name=AnalyticsEntities" EnableDelete="True" |
EntityTypeFilter="Applications" EnableInsert="True" EnableUpdate="True" EntitySetName="Applications" |
DefaultContainerName="AnalyticsEntities" Include="Servers"> |
</asp:EntityDataSource> |
I tried another approach where I replaced the GridTemplateColumn with the following code
<telerik:RadComboBox ID="RadComboBox1" DataSourceID="serversEntityDataSource" DataTextField="ServerName" DataValueField="ServerId" AppendDataBoundItems="true" runat="server" > |
<Items> |
<telerik:RadComboBoxItem /> |
</Items> |
<asp:EntityDataSource ID="serversEntityDataSource" runat="server" |
ConnectionString="name=AnalyticsEntities" EnableDelete="True" |
EntityTypeFilter="Servers" EnableInsert="True" EnableUpdate="True" EntitySetName="Servers" |
DefaultContainerName="AnalyticsEntities"> |
</asp:EntityDataSource> |
Application cannot be inserted. Reason: Entities in 'AnalyticsEntities.Applications' participate in the 'FK_Servers_Applications' relationship. 0 related 'Servers' were found. 1 'Servers' is expected. |
Hi,
We have department field and data associated with department field.
For each department i need to display the data in different radgrid in single based and also group by department.
So let me know what is best approach to achieve this.
Please find the attachment (CAID,CGC is department name in screenshot, also department is dynamic, new department may be added or removed)
Hi,
I have an weird issue going on, when i load my page the grid displays just fine, but after i go to filter and show hidden ID column the Grid CSS breaks, why is this happening so? how do i fix this issue?
I create a RadGrid in code behind which works perfectly fine.
Now I need (additionally to the server-side filtering when clicking a filter menu entry) to add client-side filtering when the user presses the "Enter" key.
This also works perfectly fine, because I add to every GridFilteringItem an OnKeyPress event handler to the filter-TextBox in ItemCreated:
textBox.Attributes.Add(
"onkeypress"
,
string
.Format(
"doFilter(this, event,'{0}', Telerik.Web.UI.GridFilterFunction.Contains)"
, Grid.ClientID));
My Problem:
I cannot find a possibility to add the event handler to the filter-TextBox of the GridDateTimeColumn.
How can I do that?
<
rad:GridTemplateColumn HeaderText="DateIn" DataField="DateIn" SortExpression="DateIn">
<EditItemTemplate>
<rad:RadDatePicker ID="RadDateTimePicker1" runat="server" Culture="English (United States)"
DbSelectedDate='<%# Bind("DateIn", "{0:D}") %>'>
<DateInput runat="server" />
update-all:
foreach (Telerik.Web.UI.GridEditableItem editedItem in rgJobInv.EditItems)
{
Hashtable newValues = new Hashtable();
e.Item.OwnerTableView.RetrieveNullAsDBNull = true;
e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);
but, null was passed to my stored procedure from the RadDatePicker, when I enter '8-28-2008'.
Please help.
Stanley
Hi Telerik Team,
I want to restrict adding new appointments on to the scheduler (datasource binding) for a specific category ("Personal" for example)
i.e. :
>it wont be possible to add a new appointment either by right click or double click, The added appointement will be saved as "Personal" category.
>Edit Personal Appointements only, the other appointements categories are not editable
what is the solution to restrict adding the new appointments please.?
Thanks & Regards
Hi,
After some workaround about creating RadPersistenceManagerProxy dinamically and checking some examples from the website I can´t find any information about this.
This is the scenario. I have class CustomGrid that inherits from RadGrid. Within this class I tried without success to create a RadPersistenceManagerProxy so I would have it for every page. I tried to do it in the page code, in the class itself and in different events without succes.
Is there any way to do it?
I would like to have this feature so I would not have to create it manually in every page.
Thanks in advance.