Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,735 questions
2 answers
259 views
RadGrid Filter (/Icon) on Header Row

I am using radcombo for grid filtering.I am using FilterTemplate for that

Is it possible to display the filter on clicking the header (label) or provide an icon next to header label?

Instead of showing them in a seperate row below header labels? If so, do you have any sample for that?
Grid
jason
Top achievements
Rank 1
 answered on 14 Dec 2012
5 answers
112 views
Caching + Getting Selected cell value using code behind
I've had posted my code snip in another forum : http://www.telerik.com/community/forums/aspnet-ajax/rotator/q3-2012-adds-border.aspx#2369096

  1. And I am wanting to figure out a way so that I can cache the result set being returned from the database, as I would be doing just the read operations & the data is not going to be updated per my application scenario.
  2. I also want to be able to retrieve the value of the first column of the selected row (cell selection should be disabled) in the code-behind. I looked at the help topics but could not find something that depicts same or similar to my query.

Thanks for your help,
-Aarsh

Grid
Maria Ilieva
Telerik team
 answered on 14 Dec 2012
1 answer
58 views
Show RadAjaxLoadingPanel in side tooltip
Hi !

I have a tooltip manager through which I am loading a user control inside tooltip using update panel. The user control contains 6 radio buttons and two command buttons. I want to display a loading panel inside tooltip on clicking command button. I tried out using RadAjaxManagerProxy and RadAjaxLoadingPanel but its not working. Can any one have idea?

Thanks,
Dev
ToolTip
Marin Bratanov
Telerik team
 answered on 14 Dec 2012
13 answers
348 views
Cannot write to the target folder!
Hello,
I am getting the following error message when I try to save the edited image to another location in the Image Editor:
"Cannot write to the target folder!"

I am using 2008.02.1001.2 version.

I did a search about this issue but i found the solution is useless for me since I use an old version.
So Please show me how to fix this bug.

Thank you,
Amr Saafan
http://amrsaafan.blogspot.com/
Editor
Vessy
Telerik team
 answered on 14 Dec 2012
4 answers
210 views
Nested Grid Demo : A Question
Hi there ! I tried to follow up this (http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplatedeclarativerelations/defaultcs.aspx) and also referred this (http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx) demo and my application it works in a similar way as that demo does. But I have a question for this :

What if I want to have >1 results in the nested grid for records in main grid ?

In terms of Northwind Database (to clarify) assume that I want to enlist customers in the main Grid and their Order History in the nested grid using some stored procedure (could not attach the txt file).

My application shows just one record in the nested (inner) grid at the moment. Is there a way to over-come this ?

Thanks,
-Aarsh


-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
Attachment:
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
USE [Northwind]
GO
/****** Object:  StoredProcedure [dbo].[CustOrderHist]    Script Date: 12/11/2012 09:26:46 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE PROCEDURE [dbo].[CustOrderHist] @CustomerID nchar(5)
AS
SELECT ProductName, Total=SUM(Quantity)
FROM Products P, [Order Details] OD, Orders O, Customers C
WHERE C.CustomerID = @CustomerID
AND C.CustomerID = O.CustomerID AND O.OrderID = OD.OrderID AND OD.ProductID = P.ProductID
GROUP BY ProductName
Grid
Angel Petrov
Telerik team
 answered on 14 Dec 2012
1 answer
133 views
Button to download file on ToopTip
Hi,
I used this example DEMO, in the ProductDetailsCS.ascx I'd put a button to download a file save in server's folder and save filename on DB, but when click on button show me this error: "Error en tiempo de ejecución de Microsoft JScript: Sys.WebForms.PageRequestManagerParserErrorException: No se pudo analizar el mensaje recibido del servidor. Este error suele producirse cuando la respuesta resulta modificada por llamadas a Response.Write() o cuando los filtros de respuesta, los HttpModules o el seguimiento de servidor están habilitados.
Detalles: Error de análisis cerca de 'PK"

Code Button to Download is
protected void Descargar_Click(object sender, EventArgs e)
        {
            string filePath = ((Label)FormView1.FindControl("DocumentoConvocatoriaLabel")).Text;
            string archivo = "~/DocsGC/"+filePath;
            Response.Clear();
            Response.ContentType = "application/vnd.ms-excel, application/pdf, application/vnd.ms-excel";
            Response.AddHeader("Content-Disposition", "attachment;filename=\"" + archivo + "\"");
            Response.Flush();
            Response.TransmitFile(Server.MapPath(archivo));
            Response.End();
        }
Then my FormView on usercontrol:
<asp:FormView ID="FormView1" runat="server" DataKeyNames="IDGC"
    DataSourceID="SqlDataSourceFormView1" style="text-align: center">
    <EditItemTemplate>
        Convocatoria:
        <asp:TextBox ID="ConvocatoriaTextBox" runat="server"
            Text='<%# Bind("Convocatoria") %>' />
        <br />
        IDGC:
        <asp:Label ID="IDGCLabel1" runat="server" Text='<%# Eval("IDGC") %>' />
        <br />
        AreaConvocatoria:
        <asp:TextBox ID="AreaConvocatoriaTextBox" runat="server"
            Text='<%# Bind("AreaConvocatoria") %>' />
        <br />
        MontoFina:
        <asp:TextBox ID="MontoFinaTextBox" runat="server"
            Text='<%# Bind("MontoFina") %>' />
        <br />
        MontoFinaHasta:
        <asp:TextBox ID="MontoFinaHastaTextBox" runat="server"
            Text='<%# Bind("MontoFinaHasta") %>' />
        <br />
        TipoDinero:
        <asp:TextBox ID="TipoDineroTextBox" runat="server"
            Text='<%# Bind("TipoDinero") %>' />
        <br />
        Cambio:
        <asp:TextBox ID="CambioTextBox" runat="server" Text='<%# Bind("Cambio") %>' />
        <br />
        Duracion:
        <asp:TextBox ID="DuracionTextBox" runat="server"
            Text='<%# Bind("Duracion") %>' />
        <br />
        PlazoConvocatoria:
        <asp:TextBox ID="PlazoConvocatoriaTextBox" runat="server"
            Text='<%# Bind("PlazoConvocatoria") %>' />
        <br />
        PlazoEnvio:
        <asp:TextBox ID="PlazoEnvioTextBox" runat="server"
            Text='<%# Bind("PlazoEnvio") %>' />
        <br />
        ModoEnvio:
        <asp:TextBox ID="ModoEnvioTextBox" runat="server"
            Text='<%# Bind("ModoEnvio") %>' />
        <br />
        Contraparte:
        <asp:TextBox ID="ContraparteTextBox" runat="server"
            Text='<%# Bind("Contraparte") %>' />
        <br />
        ObjetivosConv:
        <asp:TextBox ID="ObjetivosConvTextBox" runat="server"
            Text='<%# Bind("ObjetivosConv") %>' />
        <br />
        TemasPrio:
        <asp:TextBox ID="TemasPrioTextBox" runat="server"
            Text='<%# Bind("TemasPrio") %>' />
        <br />
        AsociosRequeridos:
        <asp:TextBox ID="AsociosRequeridosTextBox" runat="server"
            Text='<%# Bind("AsociosRequeridos") %>' />
        <br />
        Elegibilidad:
        <asp:TextBox ID="ElegibilidadTextBox" runat="server"
            Text='<%# Bind("Elegibilidad") %>' />
        <br />
        Idioma:
        <asp:TextBox ID="IdiomaTextBox" runat="server" Text='<%# Bind("Idioma") %>' />
        <br />
        Observaciones:
        <asp:TextBox ID="ObservacionesTextBox" runat="server"
            Text='<%# Bind("Observaciones") %>' />
        <br />
        DocumentoConvocatoria:
        <asp:TextBox ID="DocumentoConvocatoriaTextBox" runat="server"
            Text='<%# Bind("DocumentoConvocatoria") %>' />
        <br />
        FechaRegistro:
        <asp:TextBox ID="FechaRegistroTextBox" runat="server"
            Text='<%# Bind("FechaRegistro") %>' />
        <br />
        Donante:
        <asp:TextBox ID="DonanteTextBox" runat="server" Text='<%# Bind("Donante") %>' />
        <br />
        Estado:
        <asp:TextBox ID="EstadoTextBox" runat="server" Text='<%# Bind("Estado") %>' />
        <br />
        <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True"
            CommandName="Update" Text="Actualizar" />
         <asp:LinkButton ID="UpdateCancelButton" runat="server"
            CausesValidation="False" CommandName="Cancel" Text="Cancelar" />
    </EditItemTemplate>
    <InsertItemTemplate>
        Convocatoria:
        <asp:TextBox ID="ConvocatoriaTextBox" runat="server"
            Text='<%# Bind("Convocatoria") %>' />
        <br />
 
        AreaConvocatoria:
        <asp:TextBox ID="AreaConvocatoriaTextBox" runat="server"
            Text='<%# Bind("AreaConvocatoria") %>' />
        <br />
        MontoFina:
        <asp:TextBox ID="MontoFinaTextBox" runat="server"
            Text='<%# Bind("MontoFina") %>' />
        <br />
        MontoFinaHasta:
        <asp:TextBox ID="MontoFinaHastaTextBox" runat="server"
            Text='<%# Bind("MontoFinaHasta") %>' />
        <br />
        TipoDinero:
        <asp:TextBox ID="TipoDineroTextBox" runat="server"
            Text='<%# Bind("TipoDinero") %>' />
        <br />
        Cambio:
        <asp:TextBox ID="CambioTextBox" runat="server" Text='<%# Bind("Cambio") %>' />
        <br />
        Duracion:
        <asp:TextBox ID="DuracionTextBox" runat="server"
            Text='<%# Bind("Duracion") %>' />
        <br />
        PlazoConvocatoria:
        <asp:TextBox ID="PlazoConvocatoriaTextBox" runat="server"
            Text='<%# Bind("PlazoConvocatoria") %>' />
        <br />
        PlazoEnvio:
        <asp:TextBox ID="PlazoEnvioTextBox" runat="server"
            Text='<%# Bind("PlazoEnvio") %>' />
        <br />
        ModoEnvio:
        <asp:TextBox ID="ModoEnvioTextBox" runat="server"
            Text='<%# Bind("ModoEnvio") %>' />
        <br />
        Contraparte:
        <asp:TextBox ID="ContraparteTextBox" runat="server"
            Text='<%# Bind("Contraparte") %>' />
        <br />
        ObjetivosConv:
        <asp:TextBox ID="ObjetivosConvTextBox" runat="server"
            Text='<%# Bind("ObjetivosConv") %>' />
        <br />
        TemasPrio:
        <asp:TextBox ID="TemasPrioTextBox" runat="server"
            Text='<%# Bind("TemasPrio") %>' />
        <br />
        AsociosRequeridos:
        <asp:TextBox ID="AsociosRequeridosTextBox" runat="server"
            Text='<%# Bind("AsociosRequeridos") %>' />
        <br />
        Elegibilidad:
        <asp:TextBox ID="ElegibilidadTextBox" runat="server"
            Text='<%# Bind("Elegibilidad") %>' />
        <br />
        Idioma:
        <asp:TextBox ID="IdiomaTextBox" runat="server" Text='<%# Bind("Idioma") %>' />
        <br />
        Observaciones:
        <asp:TextBox ID="ObservacionesTextBox" runat="server"
            Text='<%# Bind("Observaciones") %>' />
        <br />
        DocumentoConvocatoria:
        <asp:TextBox ID="DocumentoConvocatoriaTextBox" runat="server"
            Text='<%# Bind("DocumentoConvocatoria") %>' />
        <br />
        FechaRegistro:
        <asp:TextBox ID="FechaRegistroTextBox" runat="server"
            Text='<%# Bind("FechaRegistro") %>' />
        <br />
        Donante:
        <asp:TextBox ID="DonanteTextBox" runat="server" Text='<%# Bind("Donante") %>' />
        <br />
        Estado:
        <asp:TextBox ID="EstadoTextBox" runat="server" Text='<%# Bind("Estado") %>' />
        <br />
        <asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True"
            CommandName="Insert" Text="Insertar" />
         <asp:LinkButton ID="InsertCancelButton" runat="server"
            CausesValidation="False" CommandName="Cancel" Text="Cancelar" />
    </InsertItemTemplate>
    <ItemTemplate>
        <table align="center" border="1" class="style2" frame="box">
            <tr>
                <td colspan="2">
                    Convocatoria:
                    <br />
                    <strong>
                    <asp:Label ID="ConvocatoriaLabel" runat="server" CssClass="style1"
                        Text='<%# Bind("Convocatoria") %>' />
                    </strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    Código Convocatoria:
                    <br />
                    <asp:Label ID="IDGCLabel" runat="server"
                        style="color: #FFFFFF; font-weight: 700" Text='<%# Eval("IDGC") %>' />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                     </td>
            </tr>
            <tr>
                <td>
                    Donante:</td>
                <td style="text-align: justify">
                    <b>
                    <asp:Label ID="DonanteLabel" runat="server" CssClass="style3"
                        style="text-align: justify" Text='<%# Bind("Donante") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    AreaConvocatoria:</td>
                <td>
                    <b>
                    <asp:Label ID="AreaConvocatoriaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("AreaConvocatoria") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    MontoFina:</td>
                <td>
                    <b>
                    <asp:Label ID="MontoFinaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("MontoFina") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    MontoFinaHasta:</td>
                <td>
                    <b>
                    <asp:Label ID="MontoFinaHastaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("MontoFinaHasta") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    TipoDinero:</td>
                <td>
                    <b>
                    <asp:Label ID="TipoDineroLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("TipoDinero") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Cambio:</td>
                <td>
                    <b>
                    <asp:Label ID="CambioLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Cambio") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Duracion:</td>
                <td>
                    <b>
                    <asp:Label ID="DuracionLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Duracion") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    PlazoConvocatoria:</td>
                <td>
                    <b>
                    <asp:Label ID="PlazoConvocatoriaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("PlazoConvocatoria", "{0:dd/MM/yyyy}") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    PlazoEnvio:</td>
                <td>
                    <b>
                    <asp:Label ID="PlazoEnvioLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("PlazoEnvio", "{0:dd/MM/yyyy}") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    ModoEnvio:</td>
                <td>
                    <b>
                    <asp:Label ID="ModoEnvioLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("ModoEnvio") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Contraparte:</td>
                <td>
                    <b>
                    <asp:Label ID="ContraparteLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Contraparte") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    ObjetivosConv:</td>
                <td>
                    <b>
                    <asp:Label ID="ObjetivosConvLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("ObjetivosConv") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    TemasPrio:</td>
                <td>
                    <b>
                    <asp:Label ID="TemasPrioLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("TemasPrio") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    AsociosRequeridos:</td>
                <td>
                    <b>
                    <asp:Label ID="AsociosRequeridosLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("AsociosRequeridos") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Elegibilidad:</td>
                <td>
                    <b>
                    <asp:Label ID="ElegibilidadLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Elegibilidad") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Idioma:</td>
                <td>
                    <b>
                    <asp:Label ID="IdiomaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Idioma") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    Observaciones:
                </td>
                <td>
                    <b>
                    <asp:Label ID="ObservacionesLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("Observaciones") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td>
                    DocumentoConvocatoria:</td>
                <td>
                    <b>
                    <asp:Label ID="DocumentoConvocatoriaLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("DocumentoConvocatoria") %>' />
                    <br />
                    </b>
                    <asp:Button ID="Descargar" runat="server" onclick="Descargar_Click"
                        Text="Descargar" />
                </td>
            </tr>
            <tr>
                <td>
                    FechaRegistro:</td>
                <td>
                    <b>
                    <asp:Label ID="FechaRegistroLabel" runat="server" CssClass="style3"
                        Text='<%# Bind("FechaRegistro", "{0:dd/MM/yyyy}") %>' />
                    </b>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                     </td>
            </tr>
            <tr>
                <td colspan="2">
                    Estado:
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: justify">
                    <asp:Label ID="EstadoLabel" runat="server"
                        style="font-weight: 700; color: #FFFFFF" Text='<%# Bind("Estado") %>' />
                </td>
            </tr>
        </table>
 
    </ItemTemplate>
</asp:FormView>
Any Idea??
Thanks.
ToolTip
Marin Bratanov
Telerik team
 answered on 14 Dec 2012
7 answers
296 views
RadToolTipManager issues in some browsers
Hi, I have two issues that are occurring in different browsers (and not in some others). Im Using Q2 2012. I have a RadGrid containing an hyperlink column where I add dynamically in code-behind a RadTooltip (containing an image) on some conditions.

Browser versions: Chrome Version 23.0.1271.95 m , Safari for Windows 5.1.7 (7534.57.2) , Opera 12.02 (Build 1578) , Firefox 16.0.2, IE8.

Issue #1 (occuring in Chrome , Safari and Opera but not in Firefox and IE8):
When clicking quickly (not letting time to tooltip to show) on the hyperlink, it opens the image in a new browser window (no problem so far). When I come back to my original page, the tooltip image is shown (but it shouldnt). In Chrome and Safari, this doesnt occur if we click on the link and quickly move the cursor off the hyperlink (before the new page loads), but it is still annoying for users (note that tooltip should only appear after being hovering the link for 1 sec).

Issue #2 (occuring only in Chrome): when tooltip image is shown and hyperlink in low in browser screen, pop-up is not located where we can fully see it. All other browsers seem to adjust the popping location of the tooltip so we dont have to scroll down to see it (or minimal scroll is required).

maybe those issues are browser limitations, but Im just making sure. Or maybe Q3 2012 has these already resolved?

RadGrid column:
<telerik:GridTemplateColumn HeaderText="" UniqueName="strFieldValue" HeaderStyle-Width="75%" Resizable="true" Reorderable="true">
                                                <ItemTemplate>
                                                  <asp:HyperLink ID="hl" Target="_blank" runat="server" Text='<%# Eval("LinkResource")%>' NavigateUrl='<%# Eval("LinkValue")%>'></asp:HyperLink>
                                                </ItemTemplate>
</telerik:GridTemplateColumn>

Conditional Tooltip assignation when data are bound:
protected void RadGrid2_OnItemDataBound(object sender, GridItemEventArgs e)
        {
 
            if (e.Item is GridDataItem)
            {
                Control HyperLink = e.Item.FindControl("hl");
 
                if (((DTO)e.Item.DataItem).LinkValue != "" && ((DTO)e.Item.DataItem).blnIsImage)
                {
                    this.RadToolTipManager1.TargetControls.Add(HyperLink.ClientID, ((DTO)e.Item.DataItem).LinkValue, true);
                }
 
            }
 
        }

Tooltip setup:
protected void RadToolTipManager_OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)
        {
            UpdateToolTip(args.Value, args.UpdatePanel, Page);
        }
 
public void UpdateToolTip(string strVal, UpdatePanel panel, System.Web.UI.Page pg)
        {
            Control ctrl = pg.LoadControl("ucTooltipContainer.ascx");
            panel.ContentTemplateContainer.Controls.Add(ctrl);
            ucTooltipContainer details = (ucTooltipContainer)ctrl;
 
            if (strVal != "")
            {
                details.SetImage(strVal);
            }
        }
 
public void SetImage(string strPath)
        {
            TooltipImage.ImageUrl = strPath;
        }

TooltipManager definition:
<telerik:RadToolTipManager runat="server" ShowDelay="1000" AutoCloseDelay="0"  ID="RadToolTipManager1"
RelativeTo="Element"  Position="MiddleRight" OnAjaxUpdate="RadToolTipManager_OnAjaxUpdate" Skin="WebBlue"
HideEvent="LeaveTargetAndToolTip"  Width="480px" Height="227px">
</telerik:RadToolTipManager>
ToolTip
Marin Bratanov
Telerik team
 answered on 14 Dec 2012
1 answer
100 views
radgrid or reporting tools?
Hi,
i want to show my data like on  attached image . i want export to excel this data without losing format and appearance and style.
Radgrid or reporting tools? Which one is the best choice?
General Discussions
Kostadin
Telerik team
 answered on 14 Dec 2012
1 answer
75 views
Drop down menus of controls within dock don't move with dock
I modified the dock example found the Telerik course (Telerik\RadControlAJAXTutorial\Courseware_Projects\RealEstate\CS\GettingStarted) by adding a dock within RadDockZone2.  I have added and populated a combo box inside the dock.  When running, I notice that combo box's drop down menu selection stays in place whenever I move the parent dock.  Is there a way to change this behavior so that the drop down menu moves along with the dock?  See attached *.aspx and *.cs files.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="GettingStarted._Default" %>
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title>Getting Started</title>
</head>
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
      <telerik:RadDockZone ID="RadDockZone1" Runat="server" Height="150px"
        Orientation="Horizontal" Skin="Outlook" Width="100%">
        <telerik:RadDock ID="RadDock1" Runat="server"
          Width="150px" Skin="Outlook"
            Text="If at first you don't succeed… make sure nobody finds out you tried!  - Anonymous"
            Title="Quote">
         </telerik:RadDock>   
         <telerik:RadDock ID="RadDock2" Runat="server"
           Skin="Outlook" Width="235px" Title="Calendar" DockMode="Docked">
           <ContentTemplate>
              <telerik:RadCalendar ID="RadCalendar1" Runat="server"
                font-names="Arial, Verdana, Tahoma" forecolor="Black"
                Skin="Outlook" style="border-color:#ececec">
              </telerik:RadCalendar>
           </ContentTemplate>
         </telerik:RadDock>
    </telerik:RadDockZone>
    </div>
    <table style="width:100%">
        <tr>
            <td width="40%">
                <telerik:RadDockZone ID="RadDockZone2" Runat="server" FitDocks="False"
                    Height="400px" Skin="Outlook" Width="95%">
                    <telerik:RadDock ID="RadDock3" Runat="server" Height="184px" Text="This is the dock that you should look at!"
                        Title="TestDock" Skin="Sunset" DockMode="Docked" Width="100%">
                        <ContentTemplate>
                            <telerik:RadComboBox ID="RadComboBox1" Runat="server">
                            </telerik:RadComboBox>
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </td>
            <td>
                <telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal"
                    Skin="Outlook" Width="100%">
                    <telerik:RadPane ID="RadPane1" Runat="server" Height="75px">
                        <asp:LinkButton ID="LinkButton1" runat="server">Telerik</asp:LinkButton>
                        <br />
                        <asp:LinkButton ID="LinkButton2" runat="server">Version1</asp:LinkButton>
                        <br />
                        <asp:LinkButton ID="LinkButton3" runat="server">Deltek</asp:LinkButton>
                    </telerik:RadPane>                  
                    <telerik:RadSplitBar ID="RadSplitBar1" Runat="server" />
                    <telerik:RadPane ID="RadPane2" Runat="server"
                        ContentUrl="http://www.telerik.com">
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </td>
        </tr>
    </table>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Outlook">
        <Windows>
            <telerik:RadWindow runat="server" Animation="Fade"
                Behavior="Resize, Minimize, Close, Maximize, Move, Reload"
                Behaviors="Resize, Minimize, Close, Maximize, Move, Reload"
                InitialBehavior="None" Left="" NavigateUrl="http://www.Telerik.com"
                OpenerElementID="LinkButton1" style="display:none;" Title="Telerik" Top=""
                VisibleStatusbar="False">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" Animation="FlyIn"
                Behavior="Resize, Minimize, Close, Maximize, Move, Reload"
                Behaviors="Resize, Minimize, Close, Maximize, Move, Reload"
                InitialBehavior="None" Left="" NavigateUrl="http://v1/NCCT/Default.aspx?menu=MyHomeEnterpriseGettingStartedPage"
                OpenerElementID="LinkButton2" style="display:none;" Title="NCCT Version1" Top=""
                VisibleStatusbar="False">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" Animation="Resize"
                Behavior="Resize, Minimize, Close, Maximize, Move, Reload"
                Behaviors="Resize, Minimize, Close, Maximize, Move, Reload"
                InitialBehavior="None" Left="" NavigateUrl="http://deltek:7009/DeltekTC/welcome.msv"
                OpenerElementID="LinkButton3" style="display:none;" Title="Deltek" Top=""
                VisibleStatusbar="False">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
  </form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.MobileControls;
using System.Web.UI.WebControls;
 
namespace GettingStarted
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                var dataSourceList = new List<ComboBoxDataSource>();
                dataSourceList.Add(new ComboBoxDataSource("Red", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Orange", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Yellow", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Green", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Blue", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Indigo", Guid.NewGuid()));
                dataSourceList.Add(new ComboBoxDataSource("Violet", Guid.NewGuid()));
 
                RadComboBox1.DataTextField = "Name";
                RadComboBox1.DataSource = dataSourceList;
                RadComboBox1.DataBind();
            }
        }
    }
 
    public class ComboBoxDataSource
    {
        private string _name;
        private Guid _id;
 
        public ComboBoxDataSource(string name, Guid id)
        {
            _name = name;
            _id = id;
        }
 
        public string Name
        {
            get { return _name; }
            set { _name = value; }
        }
        public Guid Id
        {
            get { return _id; }
            set { _id = value; }
        }
    }
}
Dock
Slav
Telerik team
 answered on 14 Dec 2012
9 answers
121 views
Filter DropDown with LoadOnDemand enabled
Hi,

I'm trying to establish a filter-drop-down as described in this demo.
It basically works out BUT as the combo contains > 10k of possible entries, LoadONDemadn became mandatory.

It basicall does work out with the following configuration:
<telerik:GridDropDownColumn DataSourceID="DataSource" ListTextField="name" ListValueField="kID"
                        DataField="cdf" FilterControlAltText="Filter cdf column" HeaderText="cdf"
                        SortExpression="cdf" UniqueName="cdf">
                        <FilterTemplate>
                            <telerik:RadComboBox ID="RadComboBoxCustomer" DataSourceID="Customers" DataTextField="name"
                                DataValueField="kID" EnableAutomaticLoadOnDemand="true" AppendDataBoundItems="true"
                                SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("cdf").CurrentFilterValue %>'
                                runat="server" ItemsPerRequest="10" EnableVirtualScrolling="true" OnClientSelectedIndexChanged="TitleIndexChanged" Skin="Metro">
                                <Items>
                                    <telerik:RadComboBoxItem Text="All" />
                                </Items>
                            </telerik:RadComboBox>
                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                                <script type="text/javascript">
                                    function TitleIndexChanged(sender, args) {
                                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                        tableView.filter("cdf", args.get_item().get_value(), "EqualTo");
                                    }
                                </script>
                            </telerik:RadScriptBlock>
                        </FilterTemplate>
                    </telerik:GridDropDownColumn>


However, when i remove the text in the filter-dropdown (i.e.try to filter for another record). i get a "Parameter cannot be null exception" which is due to the intermediate filter entry having no value, but the filter tries to sort i think?

Is there a way to overcome this issue? Any hint is highly appreciated.
Grid
Michael
Top achievements
Rank 1
 answered on 14 Dec 2012
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
Licensing
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
TreeMap
Security
DateRangePicker
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
3304 3305
3306
3307 3308
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how