I have encountered an error here where I am attempting to use the AutoPostBackOnFilter of a grid and it is throwing a Javascript error: 

Uncaught TypeError: Cannot read property '_filterOnKeyPressWithDelay' of null

I am creating the grid in code with no markup:


Some of the columns are templates with the following templates: 

What is causing this error?  Is there a way to correct this?  I need the filtering to occur on Enter press.

Thanks,

Chris

I want to use C# classes to query the database and create a data table and then set it as my DataSource for my TileList. However, after some debugging it seems that TileList does not have a "OnNeedDataSource" attribute to run a method that will query the data table. I know that I can set the DataSourceID, but I prefer to do it via C# code. This is what it looks like

<telerik:RadTileList runat="server" ID="PurchaseTileList" Width="900px"
                TileRows="1"
                EnableDragAndDrop="True" 
                SelectionMode="None"
                OnTileDataBound="TileListPurchase_OnDataBound"
                OnNeedDataSource="TileListPurchase_NeedDataSource">
                <DataBindings>
                    <CommonTileBinding TileType="RadTextTile" Shape="Square" DataTitleTextField="ProductDescription" DataNameField="ProductID" />
                    <TilePeekTemplate>
                        <div class="productNamePeek"><%# DataBinder.Eval(Container.DataItem,"PName") %></div>
                    </TilePeekTemplate>
                </DataBindings>
                <Groups>
                    <telerik:TileGroup>
                        <telerik:RadTextTile runat="server" Shape="Square" Font-Size="18px" Font-Bold="true"
                             Text="Products">
                            <Title Text=""></Title>
                        </telerik:RadTextTile>
                    </telerik:TileGroup>
                </Groups>
            </telerik:RadTileList>

My TileListPurchase_NeedDataSource will set Data Source to a created DataTable (This, however, is never run)

and my TileListPurchase_OnDataBound currently doesn't do much seeing as I'm not sure how to set these values for the tile.

I am having trouble with rad org chart, when scrolling on the Ipad the tree crashes
The tree has 4 levels and about 120 nodes so the width is more than height.

All the nodes are expanded by default.

When the user scrolls the tree on the Ipad the website crashes.



Please help me to find a solution for this problem

Hi, I am using RadAjaxManager with AjaxUpdateControl in my project to update panels and controllers. The task is simple, I need to choose from initial buttons to load necessary objects to datalist and asp:panel. The panel will contain dynamic usercontrol from different projects. My settings are like this;



I have a datalist with items, in javascript of that item onclick i invoke RadAjaxManager to send a ajax request and depending on that i will update listInjectors and injectorsTemplate. When I complete the action it is ok that i can see new interface is changed but there is no javascript binding or button events are working. Also in my every UserControl I have different javascript source which are added with optimization Script.Render(~/xyz.js). After the operation I can see that that file is not loaded. I have buttons radiobuttons and textboxes in the usercontrol and non of their validation nor onclicks are working. 

Can you please explain why?
Thanks,

Aquí el código de una plantilla para automatizar el filtro de una columna de tipo fecha para el RadGrid. Los pasos son:

1. En el evento "ColumnCreated" del RadGrid en la columna especificada se le agrega la plantilla por ejemplo así:
Private Sub NombreRadGrid_ColumnCreated(sender As Object, e As GridColumnCreatedEventArgs) Handles rgdSolicitudes.ColumnCreated
   if e.Column Is GridDateTimeColumn And NombreRadGrid.MasterTableView.AllowFilteringByColumn then
      Dim itemDate As GridDateTimeColumn = TryCast(e.Column, GridDateTimeColumn)
      itemDate.FilterTemplate = New hrrFiltroRangoFecha(Page, itemDate.UniqueName, CDate(startDate), CDate(endDate), CDate("01-01-2014"), Now)
        'itemDate.UniqueName ES EL NOMBRE DE LA COLUMNA O DEL CAMPO
        'CDate(startDate) ES LA FECHA DE INICIO SELECCIONADA
        'CDate(endDate) ES LA FECHA FINAL SELECCIONADA
        'CDate("01-01-2014") ES LA FECHA MINIMA PARA SELECCIONAR
        'Now ES LA FECHA MAXIMA PARA SELECCIONAR
   end if
End Sub

2. En el evento "ItemCommand" del RadGrid, cuando el comando sea "RadGrid.FilterCommandName" sucede esto:
Private Sub NombreRadGrid_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles rgdSolicitudes.ItemCommand
    If e.CommandName = RadGrid.FilterCommandName Then
       Dim item As GridFilteringItem = CType(e.Item, GridFilteringItem)
       For Each column As GridColumn In rgdSolicitudes.MasterTableView.RenderColumns
          If TypeOf column Is GridBoundColumn Then
               Dim boundColumn As GridBoundColumn = TryCast(column, GridBoundColumn)
               Select Case boundColumn.DataField
               Case "Fecha"  <------------------- (Es el nombre del campo o de la columna)
                   If boundColumn.CurrentFilterValue <> "" Then
                      Me.startDate = CType(Mid(boundColumn.CurrentFilterValue, 1, 10), Date)
                      Me.endDate = CType(Mid(boundColumn.CurrentFilterValue, 12, 10), Date)
                  End If
               End Select
          End If
      Next
    End If
End Sub

3. En el código de la pagina se agrega estas dos propiedades:
Protected Property startDate() As System.Nullable(Of DateTime)
    Get
       If ViewState("strD") IsNot Nothing Then
          Return DirectCast(ViewState("strD"), DateTime)
       Else
          Return New DateTime(2014, 1, 1) '<------- ESTA ES LA FECHA INICIAL MINIMA PARA EL FILTRO DE FECHA
      End If
    End Get
    Set(ByVal value As System.Nullable(Of DateTime))
        ViewState("strD") = value
    End Set
End Property

Protected Property endDate() As System.Nullable(Of DateTime)
    Get
       If ViewState("endD") IsNot Nothing Then
          Return DirectCast(ViewState("endD"), DateTime)
       Else
          Return New DateTime(Year(Now), Month(Now), Day(Now)) '<------ ESTA ES LA FECHA FINAL MAXIMA PARA EL FILTRO FECHA
       End If
     End Get
     Set(ByVal value As System.Nullable(Of DateTime))
         ViewState("endD") = value
      End Set
End Property

4. Se crea una clase por ejemplo con el nombre de "hrrFiltroRangoFecha":
Imports System.Web.UI.WebControls

Public Class hrrFiltroRangoFecha
Implements ITemplate
Private rdpFechaInicio As RadDatePicker
Private rdpFechaFinal As RadDatePicker
Private strColumna As String '<------ ES EL NOMBRE DE LA COLUMNA DE TIPO FECHA DEL RADGRID
 Private fchInicialMinima As Date '<------ ES LA FECHA MINIMA DEL DATEPICKER INICIAL
Private fchFinalMaxima As Date '<------ ES LA FECHA MAXIMA DEL DATEPICKER FINAL
Private fchInicial As Date '<----------- ES LA FECHA SELECCIONADA DEL DATEPICKER INICIAL
Private fchFinal As Date '<----------- ES LA FECHA SELECCIONADA DEL DATEPICKER FINAL
Protected Pagina As Page

Public Sub New(ByVal Pag As Page, ByVal strCol As String, ByVal fchIni As Date, ByVal fchFin As Date, ByVal fchIniMin As Date, ByVal fchFinMax As Date)
Pagina = Pag
strColumna = strCol
fchInicialMinima = fchIniMin
fchFinalMaxima = fchFinMax
fchInicial = fchIni
fchFinal = fchFin
rdpFechaInicio = New RadDatePicker()
rdpFechaFinal = New RadDatePicker()
ScriptManager.RegisterStartupScript(Pagina, Pagina.GetType(), "FormatoFecha", "function FormatoFecha(picker) {var date = picker.get_selectedDate(); var dateInput = picker.get_dateInput(); var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());return formattedDate;}", True)
End Sub

Private Sub InstantiateIn(ByVal container As Control) Implements ITemplate.InstantiateIn
container.ClientIDMode = ClientIDMode.AutoID
Dim lbl1 As New Label
Dim lbl2 As New Label
lbl1.Text = "Del "
lbl2.Text = " al "
container.Controls.Add(lbl1)

rdpFechaInicio.EnableViewState = False
rdpFechaInicio.Width = 130
rdpFechaInicio.MinDate = fchInicialMinima 
rdpFechaInicio.MaxDate = fchFinalMaxima
rdpFechaInicio.FocusedDate = fchInicialMinima 
rdpFechaInicio.ToolTip = "Fecha de inicio"
rdpFechaInicio.ID = String.Format("FechaInicio{0}", strColumna)
rdpFechaInicio.DbSelectedDate = fchInicial
AddHandler rdpFechaInicio.DataBinding, AddressOf FechaInicio_DataBinding
rdpFechaInicio.ClientEvents.OnDateSelected = String.Format("FechaInicioSeleccionada_{0}", strColumna)
container.Controls.Add(rdpFechaInicio)

container.Controls.Add(lbl2)

rdpFechaFinal.EnableViewState = False
rdpFechaFinal.Width = 130
rdpFechaFinal.MinDate = fchInicialMinima 
rdpFechaFinal.MaxDate = fchFinalMaxima 
rdpFechaFinal.FocusedDate = Now
rdpFechaFinal.ToolTip = "Fecha de final"
rdpFechaFinal.ID = String.Format("FechaFinal{0}", strColumna)
rdpFechaFinal.DbSelectedDate = fchFinal
AddHandler rdpFechaFinal.DataBinding, AddressOf FechaFinal_DataBinding
rdpFechaFinal.ClientEvents.OnDateSelected = String.Format("FechaFinalSeleccionada_{0}", strColumna)
container.Controls.Add(rdpFechaFinal)
End Sub

Public Sub FechaInicio_DataBinding(ByVal sender As Object, ByVal e As EventArgs)
Dim rdpInicio As RadDatePicker = DirectCast(sender, RadDatePicker)
Dim contenido As GridItem = DirectCast(rdpInicio.NamingContainer, GridItem)
Dim contenidoFinal As GridItem = DirectCast(rdpFechaFinal.NamingContainer, GridItem)
Dim script As String = "function FechaInicioSeleccionada_" + strColumna + "(sender,args) {var tableView=$find(""" + TryCast(contenido, GridItem).OwnerTableView.ClientID + """);var ToPicker = $find(""" + TryCast(contenidoFinal, GridItem).FindControl(String.Format("FechaFinal{0}", strColumna)).ClientID + """);var fromDate = FormatoFecha(sender);var toDate = FormatoFecha(ToPicker);tableView.filter(""" + strColumna + """, fromDate + "" "" + toDate, ""Between"");}"
ScriptManager.RegisterStartupScript(Pagina, Pagina.GetType(), String.Format("FechaInicioSeleccionada_{0}", strColumna), script, True)
End Sub

Public Sub FechaFinal_DataBinding(ByVal sender As Object, ByVal e As EventArgs)
Dim rdpFinal As RadDatePicker = DirectCast(sender, RadDatePicker)
Dim contenido As GridItem = DirectCast(rdpFinal.NamingContainer, GridItem)
Dim contenidoInicio As GridItem = DirectCast(rdpFechaInicio.NamingContainer, GridItem)
Dim script As String = "function FechaFinalSeleccionada_" + strColumna + "(sender,args) {var tableView=$find(""" + TryCast(contenido, GridItem).OwnerTableView.ClientID + """);var FromPicker = $find(""" + TryCast(contenidoInicio, GridItem).FindControl(String.Format("FechaInicio{0}", strColumna)).ClientID + """);var fromDate = FormatoFecha(FromPicker);var toDate = FormatoFecha(sender);tableView.filter(""" + strColumna + """, fromDate + "" "" + toDate, ""Between"");}"
ScriptManager.RegisterStartupScript(Pagina, Pagina.GetType(), String.Format("FechaFinalSeleccionada_{0}", strColumna), script, True)
End Sub
End Class

EL UNICO PROBLEA QUE TIENE ES QUE SE PIERDE EL FILTRO CUANDO SE QUIERE FILTRAR AL MISMO TIEMPO OTRA COLUMNA. ALGUIEN QUE PUEDA APOYAR Y SOLUCIONAR EL PROBLEMA. POR OTRO LADO TENGO OTROS FILTROS CON PLANTILLAS PARA EL RADGRID (RADCOMBOBOX Y RADSLIDER) QUE DESPUES PUBLICARÉ.

I have the following RadGrid.



If I do nothing other than this the edit click does work as the edit form is displayed in a pop up.

However, if I add the following code to the project:

The edit column:
 
and now edit form settings designating the user control for the popup:


Now i have my usercontrol showing inline in the page when I click the edit link. So it does not display in a popup. Also I'm getting all kinds of garbage on my user control. Edit links and delete links. As if the user control was simply inserted inline in code and it totally messed up the format of the grid on the page.

Hopefully someone can see why my control is not showing up in a popup.

Thanks,

I have reviewed your demo on Edit Form Types. Specifically where a custom user control is utilized for the edit functionality. I am using WebForms with EF6. So my grids are populated by entity models.

So my question is how do I rebind the grid after editing a row with my custom user control? I believe the live samples supposedly had a solution for this but I couldn't get my live samples to work locally (sql issue). Can you provide me with a sample where the data source is a entity framework datasource (EntityDataSource)?

Thanks,

Julian

I have a radgrid where I group items by column "Group". There are groups that contains 1000 rows and these do not get grouped including all the records of the group but only including those visible on the page! 
The only turn around I have been able to implement is to make the page size bigger than the bigger group of items. This torn around causes other problems and I would like to find a better solution.
Is it possible to group rows not being displayed in the page under the same group?

Thanks,
Felice

Hi Danail,

As part of my charting upgrade I decided to look at the gauges that I use.  

I already have a good looking gauge that is generated in some code however it is just done as an image,  what I am trying to do now is to use the existing gauge as a background and overlay the RadGauge on top.

To that end, is there any way to hide the cap and adjust the length of the pointer?

Regards

Jon