Questions on UI for ASP.NET AJAX Forum

110,795 questions

3 answers

539 views

Is there any client side function available to trigger grid's pager number's click event using javascript ?

Hello,

My requirement is to refresh ajaxified grid's data based on some conditions from client side using jquery.
As a temporary solution, I have written following jquery code:

$("a.rgCurrentPage").each(function () {
$(this).removeAttr("onclick");
$(this)[0].click();
});

Is telerik provided any client side function to trigger radgrid's pager number's click event using javascript ?

thank you in advance
Gafoor.

Grid

answered on 08 Jul 2014

1 answer

244 views

[Solved] Hide RadProgressArea client side

Hi there,

I have two RadAsyncUpload and a RadProgressArea on the same page, but I want the RadProgressArea to show only when the user uploading files using the first RadAsyncUpload, and hide the RadProgressArea when the user uploading through the second RadAsyncUpload. Currently, the RadProgressArea shows on both. Is there any way to hide the RadProgressArea using javascript? Any help is much appreciated.

ProgressArea

answered on 08 Jul 2014

5 answers

530 views

[Solved] RadComboBox:How to get current selected item tooltip using javascript or jquery

Want to get the tooltip of a current selected item in radcombobox

ComboBox

answered on 07 Jul 2014

4 answers

182 views

Target Property is Ignored

I am setting a target for the radbutton. This was working fine with my last build from Q1. With the latest Q2 build, it appears to be ignoring the Target setting to open the link in the parent window. Instead, it navigates to the new page within the existing window. Did something change here?

<telerik:RadButton ID="testButton" runat="server" NavigateUrl="~/newPage" Text="Setup" Target="_parent" Skin="MetroTouch" ButtonType="LinkButton" AutoPostBack="false" />

Button

answered on 07 Jul 2014

1 answer

272 views

RadButton - Trouble with Keyboard Navigation when Enter Key is pressed

Hi,
I'm using UI for ASP.NET AJAX Q2 2014 2014.2.618.45 let me describe my problem:
I'm using a RadGrid with FormTemplate and 2 buttons, one for Insert or Update (I'm usig CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>') and one for Cancel; If I'm in insert mode and if I press the TAB key to select the Save button and then I press the Enter Key, it is working fine but, when I'm in Update mode and if I press the TAB key to select the Save button and then I press the Enter Key, the Update button events never fires. It's is happening only for the Save button becouse if I select the Cancel button works fine.

I´m attaching my aspx code for a better idea of what I'm describing

I hope you can help me.

Regards,
José Zamarrón

<%@ Page Title="" Language="C#" MasterPageFile="~/masterSRR.Master" AutoEventWireup="true" CodeBehind="rancho.aspx.cs" Inherits="SRRUI2.Catalogos.rancho" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphScriptsCss" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphFiltros" runat="Server">

<table style="width: 100%">

<tr>

<td rowspan="3">

<asp:Panel ID="Panel5" runat="server" BackColor="Transparent" Style="float: left;">

<asp:Image ID="Image1" ImageUrl="~/Imagenes/titulo-ranchos.png"

runat="server" />

</asp:Panel>

</td>

<td colspan="5" style="text-align: right"></td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td></td>

<td style="text-align: left; width: 210px">

<asp:Label ID="lblFitrarActivo" runat="server" Text="FILTRAR POR:" CssClass="MyLabel"></asp:Label><br />

<telerik:RadComboBox ID="cmbFiltroActivo" runat="server" Skin="Windows7">

<Items>

<telerik:RadComboBoxItem Text="TODOS" Value="-1" />

<telerik:RadComboBoxItem Text="ACTIVO" Value="1" Selected="true" />

<telerik:RadComboBoxItem Text="INACTIVO" Value="0" />

</Items>

</telerik:RadComboBox>

</td>

<td style="text-align: left; width: 210px">

<asp:Label ID="lblBusqueda" runat="server" Text="BÚSQUEDA:" CssClass="MyLabel"></asp:Label><br />

<telerik:RadSearchBox runat="server" ID="rdsFiltro" onKeyPress="return EvitaCaracteres(event)" onpaste="return false"

CssClass="MyWrapper" Skin="Windows7" Width="210" DropDownSettings-Height="300"

DataTextField="nombre" EmptyMessage="NOMBRE" EnableAutoComplete="false"

Filter="Contains" OnSearch="rdsFiltro_Search">

</telerik:RadSearchBox>

</td>

</tr>

</table>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="cphContenido" runat="server">

<div>

<telerik:RadAjaxPanel runat="server" ID="rApnl" Width="100%" ClientEvents-OnRequestStart="onRequestStart" LoadingPanelID="radLoaginPlanel" Culture="es-MX" >

<telerik:RadGrid ID="gridRancho" runat="server" AllowPaging="true" Skin="Windows7" AllowSorting="true" Culture="es-MX"

OnNeedDataSource="gridRancho_NeedDataSource"

OnDeleteCommand="gridRancho_DeleteCommand"

OnInsertCommand="gridRancho_InsertCommand"

OnUnload="gridRancho_Unload"

OnUpdateCommand="gridRancho_UpdateCommand"

OnItemCommand="gridRancho_ItemCommand"

OnItemDataBound="gridRancho_ItemDataBound" OnItemCreated="gridRancho_ItemCreated">

<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="id_rancho"

InsertItemPageIndexAction="ShowItemOnCurrentPage">

<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Registro {2} a {3} de {5}" PageSizeLabelText="Tamaño por página" />

<NoRecordsTemplate>

<table width="100%" border="0">

<tr>

<td align="center">

<h3 style="color: Red">NO SE ENCONTRÓ INFORMACIÓN</h3>

</td>

</tr>

</table>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="id_rancho" UniqueName="id_rancho" HeaderText="ID" Visible="false" ReadOnly="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nombre" UniqueName="nombre" HeaderText="NOMBRE">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="propietario" UniqueName="propietario" HeaderText="PROPIETARIO">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="zona" UniqueName="zona" HeaderText="IdZona" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="descZona" UniqueName="descZona" HeaderText="ZONA">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="activo" UniqueName="activo" HeaderText="Activo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="EDITAR" UpdateImageUrl="~/Imagenes/editar.png" Exportable="false" UniqueName="EditColumn"></telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="¿ESTÁ SEGURO QUE DESEA ELIMINAR EL RANCHO SELECCIONADO?" ButtonType="ImageButton" Exportable="false" ButtonCssClass="item_permisos" ImageUrl="~/Imagenes/eliminarRegistro.png"

CommandName="Delete" Text="Eliminar" UniqueName="DeleteColumn" HeaderText="ELIMINAR">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings InsertCaption="Agregar Nuevo Rancho" CaptionFormatString="Esta editando el rancho con ID: {0}" CaptionDataField="id_rancho" EditFormType="Template">

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<table class="medio">

<tr>

<td class="celdaNameTamanio">

NOMBRE:

</td>

<td class="celdaDatosTamanio">

<telerik:RadTextBox ID="txtNombre" Width="250" Skin="Windows7" MaxLength="60" CssClass="upper" onpaste="return false" onKeyPress="return EvitaCaracteres(event)" onKeyUp="changeCase(this)" runat="server"

EmptyMessage="" Text='<%# Bind("nombre") %>'>

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="rfvTxtNombre" ForeColor="Red" runat="server" ErrorMessage='<%#SRRUI2.Helpers.ModalView.MensajeCampoRequerido %>' Display="Dynamic" ControlToValidate="txtNombre"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="celdaNameTamanio">

PROPIETARIO:

</td>

<td class="celdaDatosTamanio"> <telerik:RadTextBox ID="txtPropietario" Width="250" Skin="Windows7" MaxLength="60" CssClass="upper" onpaste="return false" onKeyUp="changeCase(this)" onKeyPress="return EvitaCaracteres(event)" runat="server"

EmptyMessage="" Text='<%# Bind("propietario") %>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td class="celdaNameTamanio">

ZONA:

</td>

<td class="celdaDatosTamanio">

<telerik:RadComboBox ID="cmbZona" Width="250" runat="server" Skin="Windows7" SelectedValue='<%# Bind("zona") %>' AppendDataBoundItems="True">

<Items>

<telerik:RadComboBoxItem Text="CENTRO" Value="1" />

<telerik:RadComboBoxItem Text="SUR" Value="2" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="celdaNameTamanio">

ESTADO:

</td>

<td class="celdaDatosTamanio">

<telerik:RadComboBox ID="cmbActivo" Width="250" runat="server" Skin="Windows7" SelectedValue='<%# Bind("activo") %>' AppendDataBoundItems="True">

<Items>

<telerik:RadComboBoxItem Text="ACTIVO" Value="1" />

<telerik:RadComboBoxItem Text="INACTIVO" Value="0" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td style="text-align: right; width: 50%"></td>

<td style="text-align: left">

<telerik:RadButton ID="bntGuardar" runat="server" Text="Guardar" Skin="Windows7"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

<Icon SecondaryIconCssClass="rbSave" SecondaryIconRight="4" SecondaryIconTop="4"></Icon>

</telerik:RadButton>

<telerik:RadButton ID="bntCancelar" runat="server" Text="Cancelar" Skin="Windows7" CausesValidation="False"

CommandName="Cancel">

<Icon SecondaryIconCssClass="rbCancel" SecondaryIconRight="4" SecondaryIconTop="4"></Icon>

</telerik:RadButton>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

<ExpandCollapseColumn Visible="False">

<HeaderStyle Width="19px"></HeaderStyle>

</ExpandCollapseColumn>

<CommandItemSettings AddNewRecordText="Agregar Nuevo Rancho" ShowExportToExcelButton="true" />

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

</MasterTableView>

<ExportSettings ExportOnlyData="True" FileName="RANCHO" IgnorePaging="True">

</ExportSettings>

<ClientSettings>

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

<asp:Button runat="server" ID="hiddenTargetControlForModalPopup" Style="display: none;" />

<asp:ModalPopupExtender ID="programmaticModalPopup" runat="server" BehaviorID="programmaticModalPopupBehavior"

TargetControlID="hiddenTargetControlForModalPopup" PopupControlID="programmaticPopup"

BackgroundCssClass="modalBackground" RepositionMode="RepositionOnWindowScroll"

OkControlID="bntok">

</asp:ModalPopupExtender>

<asp:Panel runat="server" CssClass="modalPopupatencion" ID="programmaticPopup" Style="width: 388px; height: 215px; text-align: center; color: white">

<asp:Panel runat="Server" ID="programmaticPopupDragHandle" Style="cursor: move; height: 45px; text-align: center;"

Height="42px">

<br />

Aviso del Sistema

</asp:Panel>

<table>

<tr>

<td style="width: 130px; height: 133px;">

</td>

<td style="height: 133px">

<asp:Label ID="lblmsg" CssClass="mensaje" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td colspan="2">

<asp:ImageButton ID="bntok" runat="server" CausesValidation="false" ImageUrl="~/Imagenes/boton-aceptarI.png" />

</td>

</tr>

</table>

</asp:Panel>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="radLoaginPlanel" IsSticky="true" runat="server" Skin="" Transparency="30">

<div id="loading">

<div>

<p>

Cargando

</p>

<span>Espere Por favor, se esta procesando su solicitud...</span>

</div>

</telerik:RadAjaxLoadingPanel>

</div>

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportTo") >= 0) {

args.set_enableAjax(false);

}

</script>

</asp:Content>

Button

answered on 07 Jul 2014

3 answers

109 views

LinkManager doesn't set the subject on a mailto link when the text of the link is an email address

We are using RadEditor version 2012.3.1016 and have the following issue in Internet Explorer 9.

Enter an email address in the editor (eg. "info@example.com")
Select the email address and open the LinkManager
The Email tab is active and "info@example.com" is prefilled for both the address and the text
Enter something in the subject field (eg. "test")
Click OK
Watch the HTML source. The subject is not added to the mailto-link

Now try this:

Enter a random word in the editor (eg "test")
Select the word and open the LinkManager
Click on the Email tab
Enter "info@example.com" in the address field
Enter "something" in the subject field
Watch the HTML source. The subject is added to the mailto-link

So adding a subject to a mailto-link works fine as long as the text of the link isn't an email address as well. The demo editor at http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx has the same problem.

Editor

answered on 07 Jul 2014

3 answers

168 views

[Solved] RecurrenceEditor Reset on PostBack

I have some oddities in the RecurrenceEditor retaining it's selected values.

The editor is part of a templated edit form. On that form, there is a control that causes postback. There are a couple instances in which certain items on the RecurrenceEditor are reset on postback.

In my examples, () denote items the user selects. If it remains in the second part of my scenario, the selected item stays selected. Otherwise, I will state to what it resets.

Yearly - Every (Month)(Day), resets to Every January 1
Monthly - Day (Day) of every (#) Months, resets to Day 1 of every (#) Months

In all other scenarios, the selected items remain correctly selected.

Thanks,
Kerry Wano

Scheduler

answered on 07 Jul 2014

4 answers

128 views

Help with Grid Filter

I have this grid filter that stopped working. I have about 6-10 of these filters on the grid and just this one stopped working. Any suggestions??

<telerik:GridBoundColumn DataField="AssignedTo"

FilterControlAltText="Filter AssignedTo column" HeaderText="AssignedTo"

SortExpression="AssignedTo" UniqueName="AssignedTo">

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBoxAssignedTo" DataSourceID="SqlDataSource4" DataTextField="UserName"

DataValueField="UserName" Height="150px" Width="100px" AppendDataBoundItems="true" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("AssignedTo").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="AssignedToIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">

<script type="text/javascript">

function AssignedToIndexChanged(sender, args) {

var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");

tableView.filter("AssignedTo", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

Here is the error I am getting.

Server Error in '/' Application.Selection out of range
Parameter name: value Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Selection out of range
Parameter name: value

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:

[ArgumentOutOfRangeException: Selection out of range
Parameter name: value]
Telerik.Web.UI.RadComboBox.PerformDataBinding(IEnumerable dataSource) +191
Telerik.Web.UI.RadComboBox.OnDataSourceViewSelectCallback(IEnumerable data) +510
System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +33
Telerik.Web.UI.RadComboBox.OnDataBinding(EventArgs e) +1298
Telerik.Web.UI.RadComboBox.PerformSelect() +37
System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +30
Telerik.Web.UI.RadComboBox.DataBind() +70
System.Web.UI.Control.DataBindChildren() +187
System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +94
System.Web.UI.Control.DataBind() +15
System.Web.UI.Control.DataBindChildren() +187
System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +94
System.Web.UI.Control.DataBind() +15
Telerik.Web.UI.GridItem.SetupItem(Boolean dataBind, Object dataItem, GridColumn[] columns, ControlCollection rows) +1304
Telerik.Web.UI.GridTableView.CreateFilteringItem(Boolean useDataSource, GridColumn[] copiedColumnSet, GridTHead thead) +167
Telerik.Web.UI.GridTableView.CreateControlHierarchy(Boolean useDataSource) +3070
Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource) +1147
System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) +67
System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) +123
System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +33
System.Web.UI.WebControls.DataBoundControl.PerformSelect() +138
Telerik.Web.UI.GridTableView.PerformSelect() +38
System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +30
Telerik.Web.UI.GridTableView.DataBind() +642
Telerik.Web.UI.GridTableView.Rebind() +117
Telerik.Web.UI.GridFilterCommandEventArgs.ExecuteCommand(Object source) +1237
Telerik.Web.UI.RadGrid.OnBubbleEvent(Object source, EventArgs e) +205
System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
Telerik.Web.UI.GridItem.OnBubbleEvent(Object source, EventArgs e) +71
System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
Telerik.Web.UI.GridItem.OnBubbleEvent(Object source, EventArgs e) +147
Telerik.Web.UI.GridItem.FireCommandEvent(String commandName, Object commandArgument) +88
Telerik.Web.UI.RadGrid.RaisePostBackEvent(String eventArgument) +12648
System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13
System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +9528682
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1724

Grid

answered on 07 Jul 2014

1 answer

138 views

Disabled nodes loaded from web service appear enabled

I'm seeing pretty strange behaviour from the RadTreeView control. The treeview is load on demand...

                <telerik:RadTreeView ID="tvLocation" runat="server" AllowNodeEditing="False" OnClientNodeClicked="toggleTreeNodeExpansion"
                    OnClientNodeExpanding="toggleTreeNodeExpansion" DataFieldID="ID" DataFieldParentID="Parent"
                    DataTextField="Name" DataValueField="ID" OnClientLoad="onLocationTreeClientLoad" OnClientNodeChecking="clearRtinTree"
                    Skin="Default" TabIndex="1" CheckBoxes="True" Height="100%" CheckChildNodes="true">
                    <WebServiceSettings Method="LoadLocationTreeNode" />

The toggleTreeNodeExpansion enables disabled nodes to be expanded...

function toggleTreeNodeExpansion(sender, args) {
    var node = args.get_node();
    if (!node.get_enabled()) {
        node.set_enabled(true);
        if (node.get_expanded())
            node.collapse();
        else
            node.expand();
        node.set_enabled(false);
    }
}

The nodes I'm returning nodes from the web service are disabled. This is what I'm seeing...

http://screencast.com/t/AoStO7vFCbbZ

The first and last nodes loaded have the rtDisabled style however the nodes inbetween do not, until you click on them, after which they do get the style and they appear as disabled.

TreeView

answered on 07 Jul 2014

1 answer

121 views

fileExplorer filter not working properly

I ma trying to filter the fileExplorer to show only uploads that I have put in the database. If there are no files then I want it to say no files, which I see it can do. So the following is my code, I pull the file names from the database and put into the filter method but the only thing that ever show up is the 1st file and nothing after this. there could be 10 files in sql query but only 1st one shows. I know its in my code but tried many variations but keep coming back to this becuase everything else breaks this version does not. So how can I get the filter to show jus the files in the sql pull. Thanks.

Private Sub radFileExplorer_ExplorerPopulated(sender As Object, e As RadFileExplorerPopulatedEventArgs) Handles radExplorer.ExplorerPopulated

'If HFPriorService.Value > "" Then

sql = "Select strUrl from PriorServiceUpload where intPriorServiceId = " & HFPriorService.Value

myDataTable = New DataTable

myDataTable = getReader(sql)

If myDataTable.Rows.Count > 0 Then

If e.ControlName = "grid" Then

Dim items As List(Of FileBrowserItem) = e.List

Dim i As Integer = 0

For Each row As DataRow In myDataTable.Rows

While i < items.Count

If Not items(i).Name.Contains(row(0)) Then

items.Remove(items(i))

Else

i += 1

End If

End While

Next

End If

'End If

End Sub

FileExplorer

answered on 07 Jul 2014

Top users last month