Questions on UI for ASP.NET AJAX Forum

0 answers

292 views

In an Edit Form Template of a RadGrid, I have a LinkButton and when that control is pressed a RadWindow is shown, that RadWindow has another RadGrid with a Select column, when the user presses that column, the system must take the value of another column and return it to a RadTextbox of the parent RadGrid.

This is my current code, but it does not work, I can not find the RadTextbox of the RadGrid parent.

<telerik:RadGrid ID="RgvUsuario" runat="server" RenderMode="Lightweight" AllowSorting="true" AutoGenerateColumns="false" AllowPaging="true" PageSize="10"

OnNeedDataSource="RgvUsuario_NeedDataSource" OnItemDataBound="RgvUsuario_ItemDataBound">

<MasterTableView DataKeyNames="Id" CommandItemDisplay="Top" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AlternatingItemStyle-HorizontalAlign="Center">

<CommandItemSettings AddNewRecordText="Nuevo" ShowRefreshButton="false" />

<PagerStyle AlwaysVisible="true" />

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" EditText="Editar"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Id" HeaderText="Id Usuario" UniqueName="Id"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IdCliente" HeaderText="Id Cliente" UniqueName="IdCliente"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Nombre" HeaderText="Nombre" UniqueName="Nombre"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Apellido1" HeaderText="Apellido 1" UniqueName="Apellido1"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Apellido2" HeaderText="Apellido 2" UniqueName="Apellido2"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserName" HeaderText="UserName" UniqueName="UserName"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Identificacion.Numero" HeaderText="Identificación" UniqueName="Identificacion.Numero"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Telefono.NumTelefono" HeaderText="Teléfono" UniqueName="Telefono.NumTelefono"></telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="IsActivo" HeaderText="Estado" UniqueName="IsActivo"></telerik:GridCheckBoxColumn>

<telerik:GridButtonColumn ConfirmText="¿Eliminar registro?" ConfirmDialogType="RadWindow" ButtonType="ImageButton"

ConfirmTitle="Mantenimiento de Usuarios" CommandName="Delete" Text="Eliminar" UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table class="grid-edit-form">

<tr>

<td colspan="6"><span class="negrita">Detalle del Usuario</span></td>

</tr>

<%--Fila 1--%>

<tr>

<%--Columna 1--%>

<td>Id Cliente</td>

<td>

<telerik:RadTextBox ID="txtIdCliente" Text='<%# Eval("IdCliente") %>' runat="server"></telerik:RadTextBox>

<br />

<asp:LinkButton ID="LnkBtnBuscarCliente" runat="server" ToolTip="Buscar Cliente" OnClick="LnkBtnBuscarCliente_Click">Buscar Cliente</asp:LinkButton>

</td>

<%--Columna 2--%>

<td>Nombre</td>

<td>

<telerik:RadTextBox ID="txtNombre" Text='<%# Eval("Nombre") %>' runat="server" MaxLength="100"></telerik:RadTextBox>

</td>

<%--Columna 3--%>

<td>Apellido 1</td>

<td>

<telerik:RadTextBox ID="Apellido1" Text='<%# Eval("Apellido1") %>' runat="server" MaxLength="100"></telerik:RadTextBox>

</td>

</tr>

<tr>

<%--Columna 1--%>

<td colspan="2"> </td>

<%--Columna 2--%>

<td colspan="2"> </td>

<%--Columna 3--%>

<td colspan="2" class="derecha">

<telerik:RadButton ID="btnAgregar" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Agregar" : "Modificar" %>' CommandName="Update"

RenderMode="Lightweight" EnableEmbeddedSkins="false" Width="100px" Height="40px">

</telerik:RadButton>

<telerik:RadButton ID="RbtnCancelar" runat="server" Text="Cancelar" CausesValidation="false" CommandName="Cancel" RenderMode="Lightweight"

EnableEmbeddedSkins="false" Width="100px" Height="40px">

</telerik:RadButton>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true">

<ClientEvents OnRowDblClick="RowDblClick"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

<telerik:RadWindow RenderMode="Lightweight" ID="RwBuscarCliente" runat="server" OpenerElementID="RgvUsuario" Title="Búsqueda de Datos"

CenterIfModal="true" Modal="true" OffsetElementID="main" Height="400px" Behaviors="Close" Width="800px" EnableShadow="true">

<ContentTemplate>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<div class="ws-normal">

<telerik:RadGrid ID="gdvCliente" runat="server" RenderMode="Lightweight" AllowSorting="true" AutoGenerateColumns="false" AllowPaging="true" PageSize="10"

OnNeedDataSource="gdvCliente_NeedDataSource" OnItemCommand="gdvCliente_ItemCommand">

<MasterTableView DataKeyNames="Id" CommandItemDisplay="None" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Justify" AlternatingItemStyle-HorizontalAlign="Justify">

<PagerStyle AlwaysVisible="true" />

<Columns>

<telerik:GridBoundColumn DataField="Id" HeaderText="Id" UniqueName="Id"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Nombre" HeaderText="Nombre" UniqueName="Nombre"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NombreComercial" HeaderText="Nombre Comercial" UniqueName="NombreComercial"></telerik:GridBoundColumn>

<telerik:GridButtonColumn Text="Selecccionar" UniqueName="SelectColumn" CommandName="Select" ButtonType="LinkButton"></telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true"></ClientSettings>

</telerik:RadGrid>

</div>

</telerik:RadAjaxPanel>

</ContentTemplate>

</telerik:RadWindow>

private string Fila

{

get { return (string)ViewState["Fila"]; }

set { ViewState["Fila"] = value; }

}

protected void LnkBtnBuscarCliente_Click(object sender, EventArgs e)

{

CargarGridCliente(); <-- Load the information in the RadGrid of the RadWindow

RwBuscarCliente.VisibleOnPageLoad = true;

GridEditableItem edit = (GridEditableItem)((LinkButton)sender).NamingContainer;

this.Fila = edit.ItemIndex.ToString();

}

protected void gdvCliente_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName.Equals("Select"))

{

GridDataItem item = (GridDataItem)e.Item;

string idCliente = item["Id"].Text;

int currentIndex = Convert.ToInt16(this.Fila);

GridEditFormItem form = RgvUsuario.Items[currentIndex].EditFormItem;

RadTextBox txtIdCliente = form.FindControl("txtIdCliente") as RadTextBox;

txtIdCliente.Text = idCliente;

RwBuscarCliente.VisibleOnPageLoad = false;

}

Grid

asked on 27 Apr 2018

0 answers

139 views

DropDownList on SharePoint 2010 stops working after page redirect/post back in chrome and edge

I have a sharepoint 2010 site in which we have the NavDDL dropdwon on multiple pages. These dropdowns are tied to links list and navigate to another page when clicked on the menu item. The dropdown stops working once you navigate to other page after clicking on the dropdown item and come back to page.

This behavior is observed in chrom and Edge browser but not on IE. Please help. Any help appreciated.

DropDownList

asked on 27 Apr 2018

25 answers

988 views

dropdown button not working

I have a RadComboBox inside a RadPanel (ASP.NET)
I can click on the text area and the drop down appears, however if I click on the drop down button image, nothing happens.

Any ideas please ?

<telerik:RadComboBox ID="What" runat="server" Width="130px" OnClientSelectedIndexChanging="SelectedIndexChanging" TabIndex="1">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Job Code" />

<telerik:RadComboBoxItem runat="server" Text="Job Title" />

<telerik:RadComboBoxItem runat="server" Text="Status" />

<telerik:RadComboBoxItem runat="server" Text="Tracking Number" />

</Items>

</telerik:RadComboBox>

ComboBox

answered on 27 Apr 2018

11 answers

402 views

[Solved] Using Rad Toolbox requires Admin privledges

In order to use the Rad toolbox I must run Visual Studio 2013 as Administrator. If I do not run as Administrator the Toolbox Rad items are all disabled. I do not normally run a Administrator for security reasons and needing the run Visual Studio as Administrator is unacceptable.

Is there some setting to correct this problem or should I log a Ticket?

General Discussions

answered on 27 Apr 2018

1 answer

133 views

Allowing grid to resize to widow width on load except for one column

Each column has a set width by setting HeaderStyle-Width. for the Resizing i also have <Resizing AllowRowResize="False" AllowColumnResize="True" EnableRealTimeResize="True"
ResizeGridOnColumnResize="False" AllowResizeToFit="true" ></Resizing>.

There is a certian column i have that is just a button and i would really like it be a certian width all the time whille all the other column adjust to the screen size (if screen is larger than the grid)

Is there a way to do this in telerik or is this a feature i would have to request?

Grid

answered on 27 Apr 2018

3 answers

884 views

How to save radspreadsheet on server

var $ = $telerik.$;

var spreadsheet = $find("<%= RadSpreadSheet1.ClientID %>");

spreadsheet.save();

This code is not working. No error generated and the spreadsheet is never saved, tough saveAsExcel is working as advertised.

Any hint someone?

Spreadsheet

answered on 27 Apr 2018

0 answers

200 views

possible setting different MaxUploadFileSize for different file types?

Is it possible to set maximum upload file size for different file types?
For example - images (jpg, png etc) have max size for 1mb

and pdf files have max of 4mb?

Currently my setup is

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" DisplayUpFolderItem="True"
Width="100%" AvailableFileListControls="All" VisibleControls="TreeView, Grid, Toolbar, ContextMenus">
<Configuration SearchPatterns="*.jpg,*.png,*.bmp,*.jpeg,*.gif,*.tif,*.doc,*.docx,*.zip,*.pdf" MaxUploadFileSize="1024" ></Configuration>
</telerik:RadFileExplorer>

FileExplorer

asked on 26 Apr 2018

2 answers

637 views

Batch edit doesn't work when Save button click

I am not sure what's wrong with save event in editmode=batch

when I click save, it doesn't fire RadGrid1_BatchEditCommand

MasterTableView-CommandItemSettings-ShowSaveChangesButton="true"

even if I change the button to commandtemplate

<telerik:RadPushButton runat="server" ID="SaveChangesButton" Text="儲存" OnClientClicked="saveChangesToGrid" AutoPostBack="false" CommandName="UpdateAll">
<Icon CssClass="rgSaveIcon" />
</telerik:RadPushButton>

I click save and then browser doesn't response error and C# event doesn't fired event handler method. I am sure it has executed

following is my setting of grid：

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" GridLines="Both" runat="server"

OnItemCommand="RadGrid1_ItemCommand"

OnItemDataBound="RadGrid1_ItemDataBound"

OnNeedDataSource="RadGrid1_NeedDataSource"

OnDetailTableDataBind="RadGrid1_DetailTableDataBind"

OnBatchEditCommand="RadGrid1_BatchEditCommand"

OnPreRender="RadGrid1_PreRender"

AutoGenerateColumns="False"

AllowPaging="false"

MasterTableView-HierarchyLoadMode="ServerBind"

ClientSettings-AllowExpandCollapse="false"

ClientSettings-EnablePostBackOnRowClick="false"

MasterTableView-CommandItemSettings-ShowSaveChangesButton="true"

MasterTableView-CommandItemSettings-ShowAddNewRecordButton="false"

MasterTableView-CommandItemSettings-ShowCancelChangesButton="false"

MasterTableView-CommandItemSettings-ShowRefreshButton="false"

MasterTableView-CommandItemSettings-SaveChangesText="儲存"

MasterTableView-HierarchyDefaultExpanded="false">

<MasterTableView Name="Master"

CommandItemDisplay="TopAndBottom"

DataKeyNames="itemno"

ClientDataKeyNames="itemno"

EditMode="Batch"

HorizontalAlign="NotSet"

AutoGenerateColumns="False">

<BatchEditingSettings EditType="Cell" SaveAllHierarchyLevels="true" />

<DetailTables>

<telerik:GridTableView DataKeyNames="itemno,seqno"

AllowPaging="false"

AllowAutomaticInserts="true"

CommandItemDisplay="Top"

CommandItemSettings-AddNewRecordText="新增"

CommandItemSettings-ShowAddNewRecordButton="true"

CommandItemSettings-ShowCancelChangesButton="false"

CommandItemSettings-ShowRefreshButton="false"

CommandItemSettings-ShowSaveChangesButton="false"

EditMode="InPlace"

Name="Details"

Width="100%" runat="server" >

<Columns>

......

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

......

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true"></ClientSettings>

</telerik:RadGrid>

Grid

answered on 26 Apr 2018

1 answer

107 views

Filters for Edit Form Template

Hi,

Filters for edit form template is not working in Telerik RadGrid. I followed the below link for the development, but filters are not working .

https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/edit-form-types/defaultcs.aspx

Grid

answered on 26 Apr 2018

6 answers

222 views

Alignment problem with hierarchical RadGrid export

Hi Telerik Team,

I am facing column alignment issue while exporting the generated RadGrid to Excel/Word. I am using relative width to align the UI (please refer to sample code below and attached 'UI_View.png' file), however when exported to Word/Excel the alignment is getting displaced, detail table columns are not following the master table columns (refer to 'Excel_Export.png' and 'Word_Export.png' files).

Would appreciate if you could come up with an idea on to keep the alignment intact so detail table columns are exactly in the same column of master table when exported.

Thanks,

Pankaj

<telerik:RadGrid ID="rgDTSItems" EnableAJAX="True" EnableAJAXLoadingTemplate="True"

Skin="Windows7" OnColumnCreated="rgDTSItems_ColumnCreated" OnItemCreated="rgDTSItems_ItemCreated"

OnItemDataBound="rgDTSItems_ItemDataBound" ShowStatusBar="true" runat="server"

Width="99.9%" PageSize="10" AllowSorting="True" AllowMultiRowSelection="false"

AllowPaging="True" GridLines="Horizontal" AutoGenerateColumns="False" OnDetailTableDataBind="rgDTSItems_DetailTableDataBind"

OnNeedDataSource="rgDTSItems_NeedDataSource" OnItemCommand="rgDTSItems_ItemCommand">

<GroupPanel Visible="False">

</GroupPanel>

<ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="true">

</ClientSettings>

<MasterTableView HierarchyLoadMode="Client" DataKeyNames="RefNo,DeptDiv" DataMember="mcs_main"

ShowHeader="true" TableLayout="Fixed" Width="100%" CommandItemDisplay="Bottom"

HorizontalAlign="Right">

<Columns>

<telerik:GridBoundColumn DataField="RefNo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DeptDiv" HeaderText="Div" HeaderStyle-Width="8%"

HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Ref No" SortExpression="RefNo"

HeaderStyle-Width="8%" HeaderStyle-Font-Bold="true">

<ItemTemplate>

<asp:Label ID="lblRefNo" runat="server" Text='<%#Eval("Type").ToString().Substring(0, 1) + "-" + Eval("RefNo")%>'>

</asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="DateDueDoc" UniqueName="DateDueDoc" Display="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcDocDueDate" HeaderText="Due/Doc Date"

SortExpression="DateDueDoc" HeaderStyle-Width="12%" HeaderStyle-Font-Bold="true">

<ItemTemplate>

<asp:Label ID="lblDateDueDoc" runat="server" Text='<%#Eval("DateDueDoc","{0:d}") + " " + Eval("TimeDueDoc") %> '></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Sender" HeaderText="From" HeaderStyle-Width="15%"

HeaderStyle-Font-Bold="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Recipient" HeaderText="Assigned To/Recipient"

HeaderStyle-Width="25%" ItemStyle-Wrap="true" HeaderStyle-Font-Bold="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcSubject" HeaderText="Subject" SortExpression="Subject"

HeaderStyle-Width="32%" HeaderStyle-Font-Bold="true">

<ItemTemplate>

<asp:Label ID="lblSubject" runat="server" Text='<%#Eval("FormattedSubject")%>' Font-Bold="true"></asp:Label>

<telerik:RadToolTip ID="rttSubject" runat="server" TargetControlID="lblSubject" Width="200px"

RelativeTo="Element" Position="MiddleRight" EnableShadow="true">

<%#Eval("Subject")%>

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="RefNo,DeptDiv" DataMember="mcs_main" ShowHeader="False"

EnableNoRecordsTemplate="false" Width="100%" ShowHeadersWhenNoRecords="false"

HorizontalAlign="Right" TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn DataField="RefNo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DeptDiv" HeaderText="Div" HeaderStyle-Width="8%">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcRefNo" HeaderText="Ref No" SortExpression="RefNo"

HeaderStyle-Width="8%">

<ItemTemplate>

<asp:Label ID="lblRefNo" runat="server" Text='<%#Eval("Type").ToString().Substring(0, 1) + "-" + Eval("RefNo")%>'>

</asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="DateDueDoc" UniqueName="DateDueDoc" Display="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcDocDueDate" HeaderText="Due/Doc Date"

SortExpression="DateDueDoc" HeaderStyle-Width="12%">

<ItemTemplate>

<asp:Label ID="lblDateDueDoc" runat="server" Text='<%#Eval("DateDueDoc","{0:d}") + " " + Eval("TimeDueDoc") %> '></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Sender" HeaderText="From" HeaderStyle-Width="15%">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Recipient" HeaderText="Assigned To/Recipient"

HeaderStyle-Width="25%" ItemStyle-Wrap="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcSubject" HeaderText="Subject" SortExpression="Subject"

HeaderStyle-Width="32%" HeaderStyle-Font-Bold="true">

<ItemTemplate>

<asp:Label ID="lblSubject" runat="server" Text='<%#Eval("FormattedSubject")%>' Font-Bold="true"></asp:Label>

<telerik:RadToolTip ID="rttSubject" runat="server" TargetControlID="lblSubject" Width="200px"

RelativeTo="Element" Position="MiddleRight" EnableShadow="true">

<%#Eval("Subject")%>

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"

ShowExportToCsvButton="false" ShowExportToPdfButton="true" ShowAddNewRecordButton="false"

ShowRefreshButton="false" />

</MasterTableView>

<ClientSettings AllowExpandCollapse="true">

<DataBinding CountPropertyName="Count" />

<ClientEvents OnRowCreated="RowCreated" OnRowDblClick="RowDblClicked" />

</ClientSettings>

<ExportSettings HideStructureColumns="true" IgnorePaging="true" ExportOnlyData="true"

FileName="DTS_Items" OpenInNewWindow="true" Pdf-PageHeight="215mm" Pdf-PageWidth="356mm" />

<FilterMenu EnableTheming="True" Skin="Outlook">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

<SelectedItemStyle CssClass="SelectedFolder"></SelectedItemStyle>

</telerik:RadGrid>

protected void rgDTSItems_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == Telerik.Web.UI.RadGrid.ExportToExcelCommandName ||

e.CommandName == Telerik.Web.UI.RadGrid.ExportToWordCommandName ||

e.CommandName == Telerik.Web.UI.RadGrid.ExportToCsvCommandName ||

e.CommandName == Telerik.Web.UI.RadGrid.ExportToPdfCommandName)

{

ConfigureExport();

}

else if (e.CommandName == "Print")

{

ConfigureExport();

ConfigurePrint();

}

else if (e.CommandName == "EnablePaging")

{

rgDTSItems.MasterTableView.HierarchyLoadMode = GridChildLoadMode.Client;

rgDTSItems.MasterTableView.HierarchyDefaultExpanded = false;

rgDTSItems.MasterTableView.DetailTables[0].GetColumn("DateDueDoc").Visible = true;

EnableDisablePaging(true);

}

private void ConfigureExport()

{

rgDTSItems.MasterTableView.HierarchyLoadMode = GridChildLoadMode.ServerBind;

rgDTSItems.MasterTableView.HierarchyDefaultExpanded = true;

//Since while exporting hidden column DateDueDoc appears therefore hide the column before exporting

rgDTSItems.MasterTableView.DetailTables[0].GetColumn("DateDueDoc").Visible = false;

}

//For printing we need to disable paging and call the PrintGird client function

private void ConfigurePrint()

{

//Allowpaging to false

EnableDisablePaging(false);

foreach (GridItem item in rgDTSItems.MasterTableView.GetItems(new GridItemType[] { GridItemType.Pager, GridItemType.FilteringItem }))

item.Display = false;

ramHome.ResponseScripts.Add("PrintGrid('" + rgDTSItems.ClientID + "')");

}

//Enable/disable paging in case of Print

private void EnableDisablePaging(bool doEnable)

{

rgDTSItems.AllowPaging = doEnable;

rgDTSItems.Rebind();

}

General Discussions

answered on 26 Apr 2018