I have an Entity Framework 6 fluent model in which there is a many to many relationship between an Employee and Teams. The EF model represents the teams that an employee is a member of by an ICollection.
I'm trying to list employees and their associated teams in a declarative hierarchical grid in which the parent table displays an Employee's details and the detail/hierarchical table displays the teams. I'm trying to figure out if it possible to use the ICollection<Teams> to display the list of teams in the detail grid. I tried numerous ways with various datasourceIds, DataKeynames etc. - and also looked at demos/sample
Outline of code is below:
public partial class Employees
{
public int EmployeeId { get; set; }
public string EmployeeFirstName { get; set; }
public string EmployeeLastName { get; set; }
public virtual ICollection<Teams> Teams{ get; set; }
}
public partial class Teams
{
[
public int TeamId{ get; set; }
public string TeamName{ get; set; }
public virtual ICollection<Employees> Employees { get; set; }
}
<ef:EntityDataSource ID="EntityDataSource1" runat="server" ContextTypeName="EF6Model" EntitySetName="Employees" Include="Teams"></ef:EntityDataSource>
<telerik:RadGrid ID="RadGrid1" >
<MasterTableView DataSourceID="EntityDataSource1" DataKeyNames="EmployeeId" >
<Columns>
<telerik:GridBoundColumn HeaderText="First Name" DataField="EmployeeFirstName">
</telerik:GridBoundColumn>
...................Employee A data here.......
</Columns>
<DetailTables>
<telerik:GridTableView>
.................Team 1 that Employe A is a member of here...............
.................Team 2 that Employe A is a member of here...............
.................Team 1 that Employe A is a member of here...............
</telerik:GridTableView>
</DetailTables>
</MasterTableView>
</telerik:RadGrid>
I have a telerik:RadSearchBox that has EnableAutoComplete="true" and its datasource is connected to a web service.
The web service requires a token that is set in the web.config file.
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
Dim wsSearchResults As New ws_PBP_SearchResults.ws_PBP_SearchResultsSoapClient
Dim dsPropName As System.Data.DataSet
dsPropName = wsSearchResults.PropNameSearch(sKey:=ConfigurationManager.AppSettings.Item("AccessTokenPrivate"))
Dim dt_PropName As DataTable = dsPropName.Tables("TableName")
RadSearchBox1.DataSource = dt_PropName
RadSearchBox1.DataBind()
End Sub
Is there a better way to populate the telerik:RadSearchBox datasource such as using <WebServiceSettings .... /> and have the ability to pass the web service a token?
Thanks in advance.
Hello All,
I have a simple radgrid in my user Control. I have enabled paging and its working. But the problem is when user selects particular page, its now showing the border around it or not high lighting the page no. I want users to know which page they are on by either showing the border around selected page number or high lighting the page number.
Is there a setting for this..? Following is my small radgrid code.
<
telerik:RadGrid
RenderMode
=
"Lightweight"
ID
=
"rgUploadedDocs"
runat
=
"server"
Width
=
"100%"
OnNeedDataSource
=
"rgUploadedDocs_NeedDataSource"
OnItemDataBound
=
"rgUploadedDocs_ItemDataBound"
OnItemCommand
=
"rgUploadedDocs_ItemCommand"
EnableViewState
=
"true"
OnPageIndexChanged
=
"rgUploadedDocs_PageIndexChanged"
>
<
HeaderStyle
CssClass
=
"gridViewHeader"
/>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
AlwaysVisible
=
"true"
/>
<
ItemStyle
CssClass
=
"gridViewRow"
/>
<
AlternatingItemStyle
CssClass
=
"gridViewAltRow"
/>
<
SelectedItemStyle
CssClass
=
"gridViewSelected"
/>
<
MasterTableView
AllowSorting
=
"true"
AllowNaturalSort
=
"false"
PageSize
=
"10"
AllowPaging
=
"True"
Width
=
"100%"
AutoGenerateColumns
=
"false"
DataKeyNames
=
"DOCUMENT_ID"
NoMasterRecordsText
=
"No uploaded documents found."
AllowFilteringByColumn
=
"false"
ShowHeadersWhenNoRecords
=
"true"
>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
AlwaysVisible
=
"true"
/>
<
SortExpressions
>
<
telerik:GridSortExpression
FieldName
=
"LAST_MODIFIED_DATE_TIME"
SortOrder
=
"Descending"
/>
</
SortExpressions
>
<
Columns
>
<
telerik:GridTemplateColumn
HeaderText
=
"Document Type"
SortExpression
=
"Name"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:Label
runat
=
"server"
ID
=
"lblDocumentType"
></
asp:Label
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"FileName"
DataField
=
"FILE_NAME"
HeaderText
=
"File Name"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"UploadDate"
DataField
=
"LAST_MODIFIED_DATE_TIME"
HeaderText
=
"Upload Date"
DataFormatString
=
"{0:d}"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"UserName"
DataField
=
"Username"
HeaderText
=
"Username"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Obsolete"
SortExpression
=
"IS_OBSOLETE"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:CheckBox
ID
=
"rdchkObsolete"
runat
=
"server"
ToolTip
=
"Obsolete"
AutoPostBack
=
"true"
OnCheckedChanged
=
"rdchkObsolete_CheckedChanged"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:ImageButton
ID
=
"imgView"
ImageUrl
=
"~/Images/search.png"
runat
=
"server"
ToolTip
=
"View"
CommandName
=
"Edit"
AlternateText
=
"View"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:ImageButton
ID
=
"imgCancel"
ImageUrl
=
"~/Images/cancel.png"
runat
=
"server"
CommandName
=
"Delete"
ToolTip
=
"Delete"
CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
Hello Friends,
Thank You all in advance. I have a simple User Control with Radgrid - paging /Sorting enabled. Everything works fine without Ajax (Ajaxifying), but when I enable Ajax, it stops working i.e paging/sorting etc. Following is my Ajax code. I have RadAjaxManager in my MasterPage, So I m using Proxy in my userControls.
<
telerik:RadAjaxManagerProxy
ID
=
"AjaxManagerProxy1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgUploadedDocs"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgUploadedDocs"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
Following is my full aspx page. Its very simple with one rad grid and one file upload.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UploadDocument.ascx.cs" Inherits="UserControls_UploadDocument" %>
<%@ Register Src="~/UserControls/FormField.ascx" TagName="FormField" TagPrefix="uc" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
<
span
id
=
"uploadMessage"
runat
=
"server"
visible
=
"true"
class
=
"formLabelAuto"
>The documents shown below are uploaded from this page only. You have to navigate to the specific page to view the documents on that page.</
span
>
<
br
/>
<
br
/>
<
script
type
=
"text/javascript"
>
function showHideOtherText() {
document.getElementById('<%= txtDescription.ClientID %>').value = '';
var selectElem = document.getElementById('<%= ddlUploadDocumentType.ClientID %>');
var selectText = selectElem.options[selectElem.selectedIndex].text;
if (selectText.toUpperCase() == 'OTHER') {
document.getElementById('<%= txtDescription.ClientID %>').removeAttribute('disabled');
}
else {
document.getElementById('<%= txtDescription.ClientID %>').setAttribute('disabled');
}
}
</
script
>
<
div
style
=
"text-align:center"
>
<
telerik:RadAjaxManagerProxy
ID
=
"AjaxManagerProxy1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgUploadedDocs"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgUploadedDocs"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Transparency
=
"50"
BackColor
=
"#E0E0E0"
InitialDelayTime
=
"500"
>
<
asp:Image
ID
=
"imgLoading"
Style
=
"margin-top: 100px"
runat
=
"server"
ImageUrl
=
"~/Images/Loading.gif"
BorderWidth
=
"0px"
AlternateText
=
"Loading..."
/>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadGrid
RenderMode
=
"Lightweight"
ID
=
"rgUploadedDocs"
runat
=
"server"
Width
=
"100%"
Enabled
=
"true"
FilterItemStyle-BackColor
=
"#e6e6e6"
FilterItemStyle-BorderStyle
=
"Solid"
OnNeedDataSource
=
"rgUploadedDocs_NeedDataSource"
OnItemDataBound
=
"rgUploadedDocs_ItemDataBound"
OnItemCommand
=
"rgUploadedDocs_ItemCommand"
CssClass
=
"gridViewSmallFont"
>
<
HeaderStyle
CssClass
=
"gridViewHeader"
/>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
/>
<
ItemStyle
CssClass
=
"gridViewRow"
/>
<
AlternatingItemStyle
CssClass
=
"gridViewAltRow"
/>
<
SelectedItemStyle
CssClass
=
"gridViewSelected"
/>
<
MasterTableView
AllowSorting
=
"true"
PageSize
=
"10"
AllowPaging
=
"True"
Width
=
"100%"
AutoGenerateColumns
=
"false"
CommandItemDisplay
=
"None"
DataKeyNames
=
"DOCUMENT_ID"
NoMasterRecordsText
=
"No uploaded documents found."
AllowFilteringByColumn
=
"false"
AllowMultiColumnSorting
=
"true"
ShowHeadersWhenNoRecords
=
"true"
>
<
CommandItemSettings
ShowAddNewRecordButton
=
"false"
ShowRefreshButton
=
"false"
/>
<
SortExpressions
>
<
telerik:GridSortExpression
FieldName
=
"LAST_MODIFIED_DATE_TIME"
SortOrder
=
"Descending"
/>
</
SortExpressions
>
<
Columns
>
<
telerik:GridTemplateColumn
HeaderText
=
"Document Type"
SortExpression
=
"Name"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:Label
runat
=
"server"
ID
=
"lblDocumentType"
></
asp:Label
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"FileName"
DataField
=
"FILE_NAME"
HeaderText
=
"File Name"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"UploadDate"
DataField
=
"LAST_MODIFIED_DATE_TIME"
HeaderText
=
"Upload Date"
DataFormatString
=
"{0:d}"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"UserName"
DataField
=
"Username"
HeaderText
=
"Username"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Osolete"
SortExpression
=
"IS_OBSOLETE"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:CheckBox
ID
=
"rdchkObsolete"
runat
=
"server"
ToolTip
=
"Obsolete"
AutoPostBack
=
"true"
OnCheckedChanged
=
"rdchkObsolete_CheckedChanged"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:ImageButton
ID
=
"imgView"
ImageUrl
=
"~/Images/search.png"
runat
=
"server"
ToolTip
=
"View"
CommandName
=
"Edit"
AlternateText
=
"View"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:ImageButton
ID
=
"imgCancel"
ImageUrl
=
"~/Images/cancel.png"
runat
=
"server"
CommandName
=
"Delete"
ToolTip
=
"Delete"
CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
br
/>
<
br
/>
<
table
border
=
"0"
style
=
"border-collapse: collapse; border-spacing: 0"
role
=
"presentation"
>
<
tr
>
<
td
> </
td
>
<
td
>
<
asp:FileUpload
id
=
"filUploadFile"
runat
=
"server"
Width
=
"400px"
size
=
"100"
/>
</
td
>
</
tr
>
<
tr
><
td
> </
td
><
td
> </
td
></
tr
>
<
tr
runat
=
"server"
id
=
"trUploadDocumentType"
>
<
td
style
=
"text-align:right"
><
span
class
=
"formLabelAuto"
>Document Type:</
span
></
td
>
<
td
style
=
"text-align:left"
><
asp:DropDownList
runat
=
"server"
ID
=
"ddlUploadDocumentType"
CssClass
=
"formField220"
OnClientClick
=
"showHideOtherText();"
></
asp:DropDownList
></
td
>
</
tr
>
<
tr
><
td
colspan
=
"2"
> </
td
></
tr
>
<
tr
><
td
colspan
=
"2"
><
asp:ValidationSummary
ID
=
"vsUpdateDocument"
runat
=
"server"
DisplayMode
=
"SingleParagraph"
ValidationGroup
=
"valUpdateDocument"
/></
td
></
tr
>
<
tr
style
=
"vertical-align:top"
>
<
td
>
<
span
class
=
"formLabelSmall"
>Description</
span
>
</
td
>
<
td
>
<
asp:TextBox
ID
=
"txtDescription"
runat
=
"server"
Rows
=
"5"
CssClass
=
"formFieldLarge"
TextMode
=
"MultiLine"
MaxLength
=
"500"
/>
</
td
>
</
tr
>
</
table
>
<
br
/>
<
asp:Button
id
=
"UploadButton"
Text
=
"Upload file"
OnClick
=
"UploadButton_Click"
runat
=
"server"
CssClass
=
"buttonBox"
ValidationGroup
=
"valUpdateDocument"
/>
<
p
><
b
><
asp:Label
ID
=
"lblStatusMsg"
runat
=
"server"
Width
=
"100%"
Style
=
"word-wrap: normal; word-break: break-all;"
/></
b
></
p
>
</
div
>
<telerik:RadButton ID="rbStandard" runat="server" ToggleType="Radio" GroupName="Radgrp" ButtonType="ToggleButton" AutoPostBack="false"> <ToggleStates><telerik:RadButtonToggleState Text="Standard" CssClass="ComicRed" />
<telerik:RadButtonToggleState Text="Standard" CssClass="ComicGreen" /></ToggleStates>
<telerik:RadButton ID="rbLite" runat="server" ToggleType="Radio" GroupName="Radgrp" ButtonType="ToggleButton" AutoPostBack="false"> <ToggleStates><telerik:RadButtonToggleState Text="Lite" CssClass="ComicRed" />
<telerik:RadButtonToggleState Text="Lite" CssClass="ComicGreen" /></ToggleStates>
RadTreeView was working fine when using Visual studio 2012, But it doesn't expand if we use Visual Studio 2015 in the same development PC.
Would anyone knows why this happen and how should we solve this issue?
Thank you!
Hi,
I'm trying to create a diagram with images programatically, I followed the demo http://demos.telerik.com/aspnet-ajax/diagram/examples/serverside/defaultcs.aspx and its ok. The problem is that the image only shows in the first shape.
The code is
<
telerik:RadDiagram
runat
=
"server"
ID
=
"diagrama"
>
<
LayoutSettings
Type
=
"Tree"
Subtype
=
"Right"
/>
<
ShapeDefaultsSettings
Type
=
"Circle"
/>
</
telerik:RadDiagram
>
And .Net
for
(
int
i = 0; i < 4; i++)
{
DiagramShape nodo =
new
DiagramShape();
nodo.Id = i.ToString();
String contenido =
"<label>"
+ i.ToString() +
"</Label>"
;
contenido +=
"<img src='FacturaPagada.png' />"
;
nodo.ContentSettings.Html = contenido;
diagrama.ShapesCollection.Add(nodo);
}
Hi,
the link below is not found.
I have this on a page with a radgrid skin Telerik.
http://aspnet-skins.telerikstatic.com/ajaxz/2017.2.711/Telerik/Grid/sprite.png