Hello Telerik-Team,
we would like to use our own columntypes in a RadGrid in order to make the filter control a combobox.
We have the following code in the ColumnCreated-Event:
if (boundColumn.UniqueName.Equals("CaseStage"))
{
grid.MasterTableView.Columns.Remove(boundColumn);
CustomFilteringColumn cfBoundColumn = new CustomFilteringColumn();
grid.MasterTableView.Columns.Add(cfBoundColumn);
cfBoundColumn.DataField = "CaseStage";
cfBoundColumn.HeaderText = "CaseStage";
}
When we then try to filter the Grid using one of the other filter fields we get the following error message:
Uncaught Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Cannot create column with the specified type name: CustomFilteringColumn
Can you help us interpret the error message or perhaps suggest an alternative way to make the filtercontrol a combobox when using auto-generated columns?
Thank you in advance!
Roxane
I have a telerik grid. I have taken an item template column , in which a label control is taken. I don't use Eval to bind data to a column. I have set the label Id with Datafield property. I want to bind the grid via client side databinding using web method. first I am returning a serialized json string , then I Deserialized this json string in a javascript, which is converted to a list object. then I pass this list object using set_dataSource(listobject). My requirement is that I have a search button. By clicking it , it will fire an OnClientClick event and binds the grid. My problem is that my grid is binding but no data is showing in label control of that grid. I mean to say, suppose i have four records. After clicking search button grid shows four rows but no data will be shown.
My grid is looking like that
<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="false" AutoGenerateColumns="true" Skin="Web20" AllowSorting="false" Visible="true" >
<HeaderStyle BackColor="#3ABD59" Font-Bold="True" Wrap="False" />
<mastertableview cellspacing="-1" AllowMultiColumnSorting="true" DataKeyNames="CustomerId" ClientDataKeyNames="CustomerId">
<Columns>
<telerik:GridTemplateColumn HeaderText="Customer ID" UniqueName="UniCustomerId" >
<ItemTemplate>
<asp:Label runat="server" ID="CustomerId" Style="width:150px;" ></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</mastertableview>
<PagerStyle AlwaysVisible="True" />
</telerik:RadGrid>
I have tried with databound column like below
<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="false" AutoGenerateColumns="true" Skin="Web20" AllowSorting="false" Visible="true" >
<HeaderStyle BackColor="#3ABD59" Font-Bold="True" Wrap="False" />
<mastertableview cellspacing="-1" AllowMultiColumnSorting="true" DataKeyNames="CustomerId" ClientDataKeyNames="CustomerId">
<Columns>
<telerik:GridBoundColumn DataField="CustomerId" HeaderText="Customer ID" UniqueName="UniCustomerId" DataType="System.String" >
</telerik:GridBoundColumn>
</Columns>
</mastertableview>
<PagerStyle AlwaysVisible="True" />
</telerik:RadGrid>
but results are same.
I am stuck with this problem. Any help would be a great favor for me.
Hi Team,
I am using RadCombobox using Header Template and Item Template. It is working fine while using aspx Page. but i want to create this radcombobox dynamically in Code behind. Please let me know the way to do.
Thanks in Advance,
Jambu.
When I copy content from Word file to rad editor Span tags are generate for each word.e.g if I have a word 'Draft' present in word file content after copying it to editor span tags are generated as <span font="abc">D</span><span font="abc">r</span><span font="abc">a</span><span font="abc">f</span><span font="abc">t</span>.
because of this keyword search is not working for 'Draft 'keyword
Your quick reply would be helpful
Hi,
We have some troubles with changing of background image in the editor with IE11 and other browsers.
The editor is picking the wrong table or cell all time.
IE11:
There are two tables: container and content. The container table have an background image, when we want to change it in IE11, we need to work above the content table, the sections next the content table will pick the content table instead of the container table. Please view the screencast: http://www.screencast.com/users/lej333/folders/Jing/media/1d2a1192-9a72-405c-a3f7-0b1c47bcd0f0.
Chrome:
Same problem but the issue is only to the left section next the content table:
http://www.screencast.com/users/lej333/folders/Jing/media/1aaba5c2-aa5f-40ce-b927-62ac539d037e
With the old version of the editor, we didn't had this issue and was working as expected. Since switch to the new engine not...
Tested with your demo with the latest version, works very bad!! The content table will lose his width and the background image will be placed in the wrong cells or tables. Sometimes the editor crashes with 'access denied' in the developer console of IE11 (rule 28, char 39):
http://www.screencast.com/users/lej333/folders/Jing/media/7258718e-3140-4ab9-a845-9e088a3dee76
Source used to test:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
>
<
head
>
<
meta
name
=
"SKYPE_TOOLBAR"
content
=
"SKYPE_TOOLBAR_PARSER_COMPATIBLE"
/>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
<
title
>Van Abbemuseum - Nieuwsbrief</
title
>
<
style
type
=
"text/css"
>
BODY {
-webkit-text-size-adjust: none;
}
a {color: #0097e1; }
</
style
>
</
head
>
<
body
style
=
"margin: 0px; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg'); background-color: white;"
>
<
table
style
=
"width: 100%; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg');"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
style
=
"padding-right: 10px; padding-left: 10px;"
><
br
/>
<
table
align
=
"center"
class
=
"tblMain"
style
=
"width: 730px;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<!-- PREHEADER + SHOW -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-top: 15px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;"
>
<
table
width
=
"100%"
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; font-family: Arial; font-size: 12px;"
>
Een republiek der kunsten / A Republic of Art</
td
>
<
td
class
=
"tdColumn"
style
=
"text-align: right; color: #000001; font-family: Arial; font-size: 12px;"
>%%SHOW%% - <
a
href
=
"#english"
>english version</
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END PREHEADER + SHOW -->
<!-- LOGO -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-top: 35px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;"
>
<
table
width
=
"100%"
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"vertical-align: bottom;"
>
<
img
alt
=
""
width
=
"136"
height
=
"49"
style
=
"width: 136px; height: 49px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/header_uitnodiging_einvite.jpg"
/>
</
td
>
<
td
class
=
"tdLogoColumn"
style
=
"text-align: right; vertical-align: bottom;"
>
<
a
href
=
"http://www.vanabbe.nl"
target
=
"_blank"
><
img
width
=
"306"
height
=
"37"
title
=
"Van Abbemuseum"
style
=
"border-width: 0px; border-style: solid; width: 306px; height: 37px; float: right; display: block;"
alt
=
"Van Abbemuseum"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/logo_blue.jpg"
/></
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END LOGO -->
<
tr
>
<
td
style
=
"font-family: Arial; font-size: 11px;"
>
<
img
width
=
"100%"
id
=
"imgContentmerger"
style
=
"width: 100%; display: block;"
alt
=
"Placeholder voor de events"
src
=
"../images/2014/events_placeholder.png"
/>
</
td
>
</
tr
>
<!-- FOOTER -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-right: 48px; padding-bottom: 27px; padding-left: 48px; background-color: #ffffff;"
>
<
table
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"width: 180px; color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Van Abbemuseum<
br
/>
Bilderdijklaan 10<
br
/>
5611 NH Eindhoven<
br
/>
The Netherlands<
br
/>
T: +31 40 238 1000<
br
/>
<
a
href
=
"mailto:info@vanabbemuseum.nl"
style
=
"color: #000001; text-decoration: none;"
>info@vanabbemuseum.nl</
a
><
br
/>
www.vanabbemuseum.nl
</
td
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Openingstijden: di t/m zo van 11:00 tot 17:00 uur<
br
/>
Ieder eerste donderdagavond van de maand tot 21:00 uur geopend. Vanaf 17:00 uur is het museum dan gratis te bezoeken.<
br
/>
<
br
/>
<
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>Opening hours: tu-su 11:00 - 17:00 </
span
><
br
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
/>
<
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>Every first Thursday of the month open until 21:00, f</
span
><
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>ree admittance from 17:00 - 21:00.</
span
><
br
/>
<
br
/>
%%URL2=103294%%<
br
/>
</
td
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
<
table
align
=
"right"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
style
=
"padding-right: 10px;"
>
<
a
href
=
"https://www.facebook.com/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"18"
height
=
"18"
title
=
"Facebook"
style
=
"border-width: 0px; border-style: solid; width: 18px; height: 18px;"
alt
=
"Facebook"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/facebook.png"
/></
a
>
</
td
>
<
td
style
=
"padding-right: 10px;"
>
<
a
href
=
"https://twitter.com/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"14"
height
=
"18"
title
=
"Twitter"
style
=
"border-width: 0px; border-style: solid; width: 14px; height: 18px;"
alt
=
"Twitter"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/twitter.png"
/></
a
>
</
td
>
<
td
>
<
a
href
=
"https://www.youtube.com/user/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"17"
height
=
"18"
title
=
"YouTube"
style
=
"border-width: 0px; border-style: solid; width: 17px; height: 18px;"
alt
=
"YouTube"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/youtube.png"
/></
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-right: 48px; padding-bottom: 35px; padding-left: 48px; background-color: #ffffff;"
>
<
table
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdImageFull"
style
=
"color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Het Van Abbemuseum wordt onder andere ondersteund door / is supported by:<
br
/>
<
br
/>
<
img
alt
=
""
width
=
"634"
height
=
"94"
style
=
"width: 634px; height: 94px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/logosfooter.jpg"
/><
br
/>
</
td
>
</
tr
>
<
tr
>
<
td
class
=
"tdImageFull"
style
=
"color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
><
em
>Een republiek der kunsten </
em
>wordt georganiseerd in samenwerking met PLATFORM / <
em
>A Republic of Art </
em
>is organised in collaboration with PLATFORM. <
br
/>
De tentoonstelling wordt ondersteund door / The exhibition is supported by: ministère de la Culture et de la Communication, Institut français, de Franse ambassade in Nederland / the French Embassy in the Netherlands, VSB Fonds & Fondation Hippocrène.<
br
/>
<
br
/>
<
img
alt
=
""
width
=
"615"
height
=
"150"
style
=
"width: 615px; height: 150px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/logos_E-Flux_frac_2015.jpg"
/></
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END FOOTER -->
</
tbody
>
</
table
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
<
br
/>
<
br
/>
</
body
>
</
html
>
Hi Team,
I am using RadGrid export functionality. Our client requirements is that when exporting the data, in case of Multiple Page - Column Header should appear on each & Every Page. In "Export To PDF" - this functionality is working fine as expected. But in "Export To word" , I have to implement this.
Can you please help me to achieve the desired functionality?
Hi, I'm connecting to an Oracle database, where I have the Documents table and the Sections table.. I'd like to use the file explorer to show on the left the Section names as folder with the treeview and on the right the Documents related to that section
Is that possibile?
Thanks
Hi, I'm developing an application and I can't lost the focus on a radcombobox after select an item in the Radcombobox to focus in other control (this example a textbox) by client javascript/jquery code. But in the image attached it seems the focus on both controls. I only want the focus on the textbox.
My code:
<rad:RadComboBox ID="cmbRegDep" Skin="MetroTouch" EnableEmbeddedSkins="true" ShowDropDownOnTextboxClick="true" MarkFirstMatch="true"
runat="server" Height="400px" Width="100%" DataValueField="depNo" DataTextField="depNo" EmptyMessage="Velg" OnClientSelectedIndexChanged="onSelectedIndexChanging_cmbDep"
HighlightTemplatedItems="true" DropDownWidth="300px" OffsetX="0" Filter="Contains" >
<HeaderTemplate>
<ul>
<li class="col1H">Nr.</li>
<li class="col2H">Beskrivelse</li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul>
<li class="col1"><%# DataBinder.Eval(Container.DataItem, "depNo") %></li>
<li class="col2"><%# DataBinder.Eval(Container.DataItem, "depName") %></li>
</ul>
</ItemTemplate>
</rad:RadComboBox>
<asp:TextBox ID="txtDep" runat="server"></asp:TextBox>
<script type="text/javascript">
function onSelectedIndexChanging_cmbDep(sender, eventArgs) {
document.getElementById('<%= txtDep.ClientID%>').focus();
}
</script>
I have the trial version of Telerik and using them in a web page that will be called from a hook within an existing web application that currently uses an older version of the Telerik controls over which I have no control.
I can develop my page in my Visual Studio 2010 environment using my Telerik trial version but obviously when i deploy it I no longer have the up-to-date dlls i have referenced in my project. What i would like to do is to take my dlls and copy them to the web application sub-folder along with my page and have my page use them instead of the ones in the applications bin folder at run time. Coming from a Windows development background I'm a complete novice in web development and am having difficulty achieving this so wondered if anyone would take pity on me and give a little guidance please ?
Hi All,
I am using VS 2012 with the 2014 UI controls. We have a master page and this is in a content page. I have omitted sections with ---- to give main structure.
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
AllowFilteringByColumn
=
"True"
AllowPaging
=
"True"
AllowSorting
=
"True"
AutoGenerateColumns
=
"False"
CellSpacing
=
"-1"
ShowFooter
=
"True"
OnItemCommand
=
"RadGrid1_ItemCommand"
OnNeedDataSource
=
"RadGrid1_NeedDataSource"
OnDetailTableDataBind
=
"RadGrid1_DetailTableDataBind"
>
<
ExportSettings
FileName
=
"Safekeeping.xls"
IgnorePaging
=
"True"
ExportOnlyData
=
"true"
>
<
Excel
Format
=
"ExcelML"
/>
</
ExportSettings
>
<
MasterTableView
CommandItemDisplay
=
"Top"
Name
=
"ShippingMaster"
DataKeyNames
=
"ScheduleId"
>
<
CommandItemSettings
ShowAddNewRecordButton
=
"False"
ShowExportToExcelButton
=
"True"
/>
<
DetailTables
>
<
telerik:GridTableView
runat
=
"server"
ShowFooter
=
"False"
AutoGenerateColumns
=
"false"
DataKeyNames
=
"SheduleId"
Name
=
"ShippingDetail"
>
<
ParentTableRelation
>
<
telerik:GridRelationFields
DetailKeyField
=
"ScheduleId"
MasterKeyField
=
"ScheduleId"
/>
</
ParentTableRelation
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"ScheduleId"
UniqueName
=
"ScheduleId"
Display
=
"false"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"AccountNumber"
HeaderText
=
"Account Number"
UniqueName
=
"AccountNumber"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
----
</
Columns
>
</
telerik:GridTableView
>
</
DetailTables
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"CenterId"
DataType
=
"System.Int64"
UniqueName
=
"CenterId"
Display
=
"false"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"ScheduleId"
DataType
=
"System.Int64"
UniqueName
=
"ScheduleId"
Display
=
"false"
AllowFiltering
=
"false"
>
</
telerik:GridBoundColumn
>
----
</
Columns
>
</
MasterTableView
>
<
PagerStyle
AlwaysVisible
=
"True"
/>
</
telerik:RadGrid
>
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
RadGrid1.DataSource = GetShipmentDetailBySearch();
}
private List<
Shipment
> GetShipmentDetailBySearch()
{
if (ValidSearchCriteria())
{
lstShipment = shipUi.GetShipmentDetailBySearch(Int32.Parse(DropDrillYear.SelectedValue), TxtAccountNo.Text);
}
return lstShipment;
}
protected void RadGrid1_DetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e)
{
GridDataItem gdi = e.DetailTableView.ParentItem;
if (e.DetailTableView.Name == "ShippingDetail")
{
ShipmentUiController shipUi = new ShipmentUiController();
int drillYear = Int32.Parse(DropDrillYear.SelectedValue);
int scheduleId = Int32.Parse(gdi.GetDataKeyValue("ScheduleId").ToString());
List<
ShippingDetail
> sd = new List<
ShippingDetail
>();
sd = shipUi.GetShipmentBoxDetailByScheduleId(drillYear, scheduleId);
e.DetailTableView.DataSource = sd;
}
}
protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{
if (e.CommandName == RadGrid.ExportToExcelCommandName)
{
RadGrid1.MasterTableView.HierarchyDefaultExpanded = true;
RadGrid1.MasterTableView.DetailTables[0].HierarchyDefaultExpanded = true;
RadGrid1.MasterTableView.GetColumn("ShipmentDate").Visible = false;
....
RadGrid1.MasterTableView.DetailTables[0].GetColumn("ContentsFound").Visible = false;
RadGrid1.ExportSettings.IgnorePaging = true;
RadGrid1.ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML;
RadGrid1.Rebind();
RadGrid1.ExportSettings.OpenInNewWindow = true;
RadGrid1.MasterTableView.ExportToExcel();
}
}
And the results of the export are like this. The 20335 below is the schedule id that belongs with the detail table. So it is firing.
Center Cost Center Company No Associate Associate
Cedar Ridge 424 99 Alex Lifeson John Wetton
20335
But it should be
Center Cost Center Company No Associate Associate
Cedar Ridge 424 99 Alex Lifeson John Wetton
Customer Name Received
Robert Fripp true
Tom Waits false
I have tried numerous solutions from different threads here, but nothing seems to work correctly. I am really at my wits end on this one. This eventually needs to be ajaxified, but I am just trying to get the base working first. Any help would be greatly appreciated!!!