Questions on UI for ASP.NET AJAX Forum

2 answers

118 views

Hi,

I am using Telerik version 2012.3.1322.40.
I have Radcombox inside radwindow and radwindow opens when button click.
On IE11, if I type any characters in text area in radcombox and keep cursor on start place and type again, characters are overlapping each other. Attached the screenshot for the same.

This is only an issue with IE 11 (not with IE8). Also regular pages are working fine with out any issues.
If I open same aspx page normally i dont see this issue. If same page opened through radwindow this problem happens.

Please help.

Below is the code for radwindow and radcombox:

<telerik:RadWindow ID="rwAddNewMembers" runat="server" Title="Add Pru Par Trace Members"
Height="275px" Width="425px" Modal="true" Skin="Office2007" Behaviors="Close,Resize,Move"
DestroyOnClose="false" ReloadOnShow="True" VisibleTitlebar="true" VisibleStatusbar="false"
ShowContentDuringLoad="false">

<telerik:RadComboBox ID="radComboReportName" runat="server" Width="300px" Skin="Office2007"
TabIndex="1" Filter="Contains" MaxLength="200" EmptyMessage="Select Report" MarkFirstMatch="true"
ShowDropDownOnTextboxClick="true" AllowCustomText="true" AutoPostBack="True"
CausesValidation="true" OnClientBlur="OnClientBlurHandler">
</telerik:RadComboBox>

Thanks in advance
Haribala

ComboBox

answered on 16 Dec 2014

2 answers

97 views

Calendar shown behind the Grid EditItemTemplate

I have a Grid in a RadWindow. This grid has a RadDatePicker control in EditItemTemplate. The calendar is shown behind the edit template when I click on the datepicker control.

<%@ Page Language="VB" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" CodeFile="TimeAttendance.aspx.vb" Inherits="TimeAttendance" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>

<telerik:RadDateTimePicker ID="picker2" Runat="server"
AutoPostBack="True"
Culture="English (United Kingdom)">
</telerik:RadDateTimePicker>


<telerik:RadGrid ID="RadGrid2" runat="server" CellSpacing="0" GridLines="None"
AutoGenerateColumns="False" AllowMultiRowSelection ="True" AllowAutomaticInserts ="true"
DataSourceID="SqlDataSource1" Width="651px" OnItemCommand="RadGrid2_ItemCommand"
OnItemCreated="RadGrid2_ItemCreated" >
<HeaderContextMenu CssClass="">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</HeaderContextMenu>

<MasterTableView CommandItemDisplay ="TopAndBottom" EditMode="PopUp" DataKeyNames="id"
DataSourceID="SqlDataSource1" CommandItemSettings-AddNewRecordText="Add Attendance Entry">
<CommandItemSettings ExportToPdfText="Export to BIB format" ></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<EditFormSettings InsertCaption="Add Attendance Entry" EditColumn-UpdateText="Save"
EditColumn-InsertText="Save" EditColumn-ButtonType="PushButton"
FormMainTableStyle-Height="250">
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
<PopUpSettings Modal="true" ZIndex="999999" CloseButtonToolTip="Click to close" Width="600" />
</EditFormSettings>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="Delete"
ConfirmText="Are you sure?" ConfirmTitle="Alert">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridButtonColumn>
<telerik:GridTemplateColumn DataField="id"
FilterControlAltText="Filter id column" HeaderText="id"
UniqueName="id" DataType="System.Int32" ReadOnly="True"
SortExpression="id" >
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "id")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblID" runat="server" Text ='<%# Bind("id") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffID"
FilterControlAltText="Filter Name column" HeaderText="StaffID"
UniqueName="StaffID" SortExpression="StaffID">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffID")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblStaffID" runat="server" Text ='<%# Bind("StaffID") %>' Width="400px" ></asp:Label>

</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffName"
FilterControlAltText="Filter Name column" HeaderText="StaffName"
UniqueName="StaffName" SortExpression="StaffName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffName")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="StaffName" runat="server" CssClass="" SelectedValue='<%# Bind("StaffName") %>'
DataSourceID="StaffNameDataSource" DataTextField="StaffName" Width="300px"
DataValueField="StaffName" OnSelectedIndexChanged="StaffName_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Date"
FilterControlAltText="Filter Name column" HeaderText="Date"
UniqueName="Date" SortExpression="Date">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Date")%>
</itemtemplate>
<edititemtemplate>
<telerik:RadDateTimePicker ID="picker1" Runat="server" Style="z-index: 9000"
DbSelectedDate='<%# Bind("date") %>' AutoPostBack="True"
Culture="English (United Kingdom)" >
<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">
</Calendar>
<DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy HH:mm" ValidationGroup="date">

</DateInput>
</telerik:RadDateTimePicker>

</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Category"
FilterControlAltText="Filter Name column" HeaderText="Category"
UniqueName="Category" SortExpression="Category">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Category")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Category" runat="server" CssClass="" SelectedValue='<%# Bind("Category") %>'
DataSourceID="CategoryDataSource" DataTextField="Category" Width="300px"
DataValueField="Category" OnSelectedIndexChanged="Category_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Reason"
FilterControlAltText="Filter Name column" HeaderText="Reason"
UniqueName="Reason" SortExpression="Reason">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Reason")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Reason" runat="server" CssClass="" SelectedValue='<%# Bind("Reason") %>'
DataSourceID="ReasonDataSource" DataTextField="Reason" Width="300px"
DataValueField="Reason" OnSelectedIndexChanged="Reason_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Description"
FilterControlAltText="Filter Name column" HeaderText="Description"
UniqueName="Description" SortExpression="Description">
<itemtemplate >
<%#DataBinder.Eval(Container.DataItem, "Description")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtDescription" runat="server" Text ='<%# Bind("Description") %>' Width="300px" Height ="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="TypeofPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="Who are you meeting"
UniqueName="TypeofPersonMeeting" SortExpression="TypeofPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "TypeofPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="TypeofPersonMeeting" runat="server" SelectedValue='<%# Bind("TypeofPersonMeeting") %>' CssClass="textbox" >
<asp:ListItem Text="Lead" Value="Lead" ></asp:ListItem>
<asp:ListItem Text="Prospect" Value="Prospect"></asp:ListItem>
<asp:ListItem Text="Client" Value="Client" Selected="True" ></asp:ListItem>
<asp:ListItem Text="Insurers" Value="Insurer" ></asp:ListItem>
<asp:ListItem Text="Reinsurer" Value="Reinsurer"></asp:ListItem>
<asp:ListItem Text="Adjuster" Value="Adjuster"></asp:ListItem>
<asp:ListItem Text="Brokers" Value="Brokers"></asp:ListItem>
<asp:ListItem Text="Others - please specify" Value="Others - please specify"></asp:ListItem>
<asp:ListItem Text="Please Select" Value=""></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredfieldvalidatorTypeofPersonMeeting" runat="server" ControlToValidate="TypeofPersonMeeting"
ErrorMessage="Please Select who are you Meeting" Display="Dynamic" SetFocusOnError="true" />
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ProspectClientName"
FilterControlAltText="Filter Name column" HeaderText="ProspectClientName"
UniqueName="ProspectClientName" SortExpression="ProspectClientName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "ProspectClientName")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtProspectClientName" runat="server" Text ='<%# Bind("ProspectClientName") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="NameOfPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="NameOfPersonMeeting"
UniqueName="NameOfPersonMeeting" SortExpression="NameOfPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "NameOfPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtNameOfPersonMeeting" runat="server" Text ='<%# Bind("NameOfPersonMeeting") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="MeetingTime"
FilterControlAltText="Filter Name column" HeaderText="MeetingTime"
UniqueName="MeetingTime" SortExpression="MeetingTime">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "MeetingTime")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtMeetingTime" runat="server" Text ='<%# Bind("MeetingTime") %>' Width="50px" ></asp:textbox>

</edititemtemplate>
</telerik:GridTemplateColumn>


</Columns>






</MasterTableView>

<ClientSettings>
<Selecting AllowRowSelect="True" />
</ClientSettings>

<FilterMenu EnableImageSprites="False">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</FilterMenu>
</telerik:RadGrid>


</asp:Content>

Calendar

answered on 16 Dec 2014

1 answer

117 views

Save Rad diagram as image

I am using Raddaigram to generate a network diagram. But I am not able to save that as image. I need to save that as image such as png or jpg, as I need to include that in a pdf report.

Diagram

answered on 16 Dec 2014

1 answer

348 views

How to display dots at the end in GridBoundColumn when wrap = false ?

Hi,

We are using Telerik RadControls for ASP.NET Ajax version 2013.3.1114.45.
I have a GridBoundColumn in RadGrid and set the width and set the wrap to false.

var column = new GridBoundColumn();
column.HeaderStyle.Width =Unit.Percentage(23.0);
column.HeaderStyle.Wrap = true;
column.ItemStyle.Wrap = false;

In any row, if the column text cannot be fit into the column, how to display few dots at the end ?

Original Text : "With the help of the Telerik RadDock control for ASP.NET AJAX you can manage multiple windows and even the layout of your web page."

Currently displayed as (truncated): "With the help of the Telerik RadDock control for ASP.NET AJAX you ca"

Required display format : "With the help of the Telerik RadDock control for ASP.NET AJAX you c..."

How to achieve the "Required display format" to display few dots at the end of the truncated text in the column cell ?

Thanks
Bhanu.

Grid

answered on 16 Dec 2014

2 answers

103 views

Identify which row was expanded

I want to persist expanded rows of the pivotgrid during the session so iIf the user returns to the page, his previously expanded rows are expanded again.
In order to do this I must know which rows are expanded so I must have a way to identify them.
I'm trying to identify the expanding rows in the itemcommand event (Commandname "ExpandCollapse") in order to store them in a list in the session and re-expand the rows based on this list.

Alas, I cannot find an identifier for the rows.
I have two questions
1. Is the itemcommand the proper event for this
2. Is there a row identifier available which I can use?

Any help would be very much appreciated.

PivotGrid

answered on 16 Dec 2014

2 answers

105 views

Subject not displaying but tool tip is

Hi,

The subject field is not displaying on the scheduler but it is on tool tips. The subject field is a different field in the database but I've manually set it using DataSubjectField="tasknote".

Any idea why the tool tips work but the subject contents are not displaying on the individual calendar items?

Attached is a screen shot showing the problem.

Many thanks

Tim Metcalfe

Scheduler

answered on 16 Dec 2014

8 answers

1.1K+ views

How can get a sum aggregation for a Telerik RadGrid GridClientSelectColumn for only selected rows?

I'm new to the Telerik library and one of my first tasks is to get a total of the values in a numeric column of a Telerik RadGrid. The column is a GridClientSelectColumn. I understand that by setting the Aggregate="Sum", the footer will read the summation of that column. The problem is that I only want a summation of the selected rows. Can someone provide a demonstration. Thank you in advance!

Grid

answered on 16 Dec 2014

1 answer

999 views

How to remove a specific column header border?

I have tried the css as always to give some borders to my grid columns and removed the last columns right borders because I didn't need them. I have tried to use the css class='rgHeader LeftBorder' in HeaderStyle tag of those coulmns but it doesn't remove the header border. Please help me as soon as possible. My codes are:
div.RadGridCustomClass .rgHeader,
div.RadGridCustomClass th.rgResizeCol,
div.RadGridCustomClass .rgFooter td,
div.RadGridCustomClass .rgFilterRow td {
border-left: 1px solid #f0f0f0 !important;
border-right: 1px solid #f0f0f0 !important;
}

div.RadGridCustomClass .rgMasterTable{
font-family: Calibri !important;
font-size: 11pt;
}
div.RadGridCustomClass .rgMasterTable .rgHeader{
font-family: Calibri !important;
font-size: 11pt;
font-weight: bold;
}
div.RadGridCustomClass .rgAltRow td {
border-bottom: 0px !important;
}
div.RadGridCustomClass .rgMasterTable,
div.RadGridCustomClass {
border: 0px !important;
}
div.RadGridCustomClass .rgMasterTable td {
border-right: 1px solid #f0f0f0 !important;
}

div.RadGridCustomClass .rgMasterTable:last-child,
div.RadGridCustomClass td:last-child {
border: 0px !important;
}
div.RadGridCustomClass th.LeftBorder,
div.RadGridCustomClass .rgRow td.LeftBorder,
div.RadGridCustomClass .rgAltRow td.LeftBorder,
div.RadGridCustomClass .rgEditRow td.LeftBorder
{

border-right-width:0px !important;
}
<telerik:RadGrid ID="ToolkitSections" runat="server" AutoGenerateColumns="False" OnNeedDataSource="ToolkitSectionsNeedDataSource" OnItemDataBound="ToolkitSections_ItemDataBound" OnUpdateCommand="ToolkitSections_UpdateCommand" CellSpacing="-1" OnItemCreated="ToolkitSections_ItemCreated" AllowSorting="True" CssClass="RadGridCustomClass" Font-Names="Calibri" EnableViewState="False" OnPreRender="ToolkitSections_PreRender" Width="90%">
                                                <MasterTableView DataKeyNames="ToolkitSectionID,Progress,SectionDenied,Status,Restricted" EditMode="InPlace" ClientDataKeyNames="ToolkitSectionID" >
                                                    <RowIndicatorColumn Visible="False">
                                                    </RowIndicatorColumn>                                                    <ExpandCollapseColumn Created="True">
                                                    </ExpandCollapseColumn>                                                    <Columns>
                                                        <telerik:GridHyperLinkColumn AllowFiltering="False" DataNavigateUrlFields="SectionUrl" DataTextField="SectionName" FilterControlAltText="Filter SectionUrl column" Groupable="False" HeaderText="Section" Reorderable="False" Resizable="False" SortExpression="Section Name" UniqueName="SectionUrl">
                                                        <HeaderStyle ForeColor="white" CssClass="headerfont"></HeaderStyle>
                                                        </telerik:GridHyperLinkColumn>
                                                        <telerik:GridDateTimeColumn AllowFiltering="False" DataField="LastModified" DataFormatString="{0:MM/dd/yyyy}" FilterControlAltText="Filter Last Modified column" Groupable="False" HeaderText="Modified" Reorderable="False" Resizable="False" UniqueName="LastModified" ReadOnly="True">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" CssClass="RightBorder"></HeaderStyle>
                                                        </telerik:GridDateTimeColumn>


                                                        <telerik:GridCheckBoxColumn AllowFiltering="False" DataField="Complete" DataType="System.Boolean" FilterControlAltText="Filter Complete column" Groupable="False" HeaderText="Complete" Reorderable="False" Resizable="False" UniqueName="Complete" ReadOnly="True">
                                                         <HeaderStyle ForeColor="white" ></HeaderStyle>
                                                        </telerik:GridCheckBoxColumn>                                                        <telerik:GridTemplateColumn UniqueName="Restricted" HeaderText="Restrict" FilterControlAltText="Filter Restricted column" Reorderable="False" Resizable="False" ShowSortIcon="False">
                                                            <ItemTemplate>
                                                                <div>
                                                                    <div style="float: left">
                                                                        <asp:CheckBox ID="cbRistrict" runat="server" AutoPostBack="true" OnCheckedChanged="cbRistrict_OnCheckedChanged" onclientclick="this.checked=true;"></asp:CheckBox>
                                                                    </div>
                                                                    <div style="float: left">
                                                                        <asp:LinkButton ID="RestrictLinkButton" runat="server" BorderWidth="0"><img style="text-decoration:none;border:0px;" src="~/Images/Lock-Restricted.png" runat="server"/></asp:LinkButton>
                                                                    </div>
                                                                </div>
                                                            </ItemTemplate>
                                                             <HeaderStyle ForeColor="white" ></HeaderStyle>                                                        </telerik:GridTemplateColumn>                                                        <telerik:GridDateTimeColumn AllowFiltering="False" DataField="SectionDueDate" DataFormatString="{0:MM/dd/yyyy}" FilterControlAltText="Filter Section Due Date column" Groupable="False" HeaderText="Section Due Date" Reorderable="False" Resizable="False" UniqueName="SectionDueDate">
                                                           <HeaderStyle Width="120px" HorizontalAlign="Right" CssClass="rgHeader LeftBorder"></HeaderStyle>
                                                             <ItemStyle Width="80" HorizontalAlign="Center" CssClass="LeftBorder"></ItemStyle>
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white"></HeaderStyle>
                                                        </telerik:GridDateTimeColumn>
                                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="~/Images/date-icon.png" UniqueName="EditCommandColumn" ItemStyle-HorizontalAlign="Left" Reorderable="False" Resizable="False" ShowFilterIcon="False" ShowSortIcon="False">
                                                             <HeaderStyle ForeColor="white" Width="10px" CssClass="rgHeader LeftBorder"></HeaderStyle>
                                                            <ItemStyle HorizontalAlign="Left" CssClass="LeftBorder" />                                                        </telerik:GridEditCommandColumn>                                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="ToolkitSectionID" Groupable="False" HeaderText="ToolkitSection ID" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="ToolkitSectionID" ReadOnly="true" Display="False">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" ></HeaderStyle>
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Progress" FilterControlAltText="Filter Progress column" Groupable="False" HeaderText="Progress" Reorderable="False" Resizable="False" UniqueName="Progress" ReadOnly="True" DataType="System.Int16" Display="False" ShowSortIcon="False">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" ></HeaderStyle>
                                                        </telerik:GridBoundColumn>                                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="SectionDenied" Display="False" FilterControlAltText="Filter Section Denied column" Groupable="False" HeaderText="Section Denied" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="SectionDenied">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" ></HeaderStyle>
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="AnybodyDenied" Display="False" FilterControlAltText="Filter Section Denied column" Groupable="False" HeaderText="Section Denied" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="AnybodyDenied">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" CssClass="headerfont"></HeaderStyle>
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Status" Display="False" FilterControlAltText="Filter Status Column" Groupable="False" HeaderText="Status" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="Status">
                                                            <ColumnValidationSettings>
                                                                <ModelErrorMessage Text="" />
                                                            </ColumnValidationSettings>
                                                             <HeaderStyle ForeColor="white" ></HeaderStyle>
                                                        </telerik:GridBoundColumn>                                                    </Columns>                                                    <EditFormSettings>
                                                        <EditColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" CancelImageUrl="~/RadControls/Grid/Skins/Default/Cancel.gif" UpdateImageUrl="~/RadControls/Grid/Skins/Default/Update.gif">
                                                        </EditColumn>
                                                    </EditFormSettings>
                                                </MasterTableView>
                                            </telerik:RadGrid>

Grid

answered on 16 Dec 2014

9 answers

259 views

TreeList with multiple edited rows

Hello

I have to display a list of parameters with a hierarchic relation between them. I use a RadTreeList and it works fine.
My tree list has a "Value" column.

I would like to change some values in this column but I don't want to make the changes row by row (by entering in edit mode, making modification and updating). I'd prefer to keep all the rows in edit mode, make the modifications in some of them and validate by clicking on an external button.

I didn't find something like that in the demos.

I tried to use an ItemTemplate for the edit column.

<telerik:RadTreeList runat="server" ID="RadTreeListParameters"

Skin="Telerik"

AutoGenerateColumns="false"

DataKeyNames="ServiceParameterID" ParentDataKeyNames="ParentParameterID"

AllowSorting="true"

DataSourceID="ObjectDataSource1"

OnDataBound="RadTreeListParameters_DataBound"

ItemStyle-CssClass="RowStyle"

AlternatingItemStyle-CssClass="AlternatingRowStyle"

HeaderStyle-CssClass="HeaderStyle"

SelectedItemStyle-CssClass="SelectedRowStyle"

>

<ClientSettings>

<Scrolling AllowScroll="false" UseStaticHeaders="false" />

<Resizing AllowColumnResize="true" ResizeMode="NoScroll" />

</ClientSettings>

<Columns>

<telerik:TreeListBoundColumn DataField="ServiceParameterID" UniqueName="ServiceParameterID" HeaderText="ServiceParameterID" Display="true"></telerik:TreeListBoundColumn>

<telerik:TreeListBoundColumn DataField="Role" UniqueName="Role" HeaderText="Role" ReadOnly="true"></telerik:TreeListBoundColumn>

<telerik:TreeListBoundColumn DataField="Type" UniqueName="Type" HeaderText="Type" ReadOnly="true"></telerik:TreeListBoundColumn>

<telerik:TreeListBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name" ReadOnly="true"></telerik:TreeListBoundColumn>

<telerik:TreeListTemplateColumn DataField="Value" UniqueName="TemplateColumn" HeaderText="Value">

<ItemTemplate>

<asp:TextBox runat="server" ID="tbxValue" Value='<%# Eval("Value") %>' />

</ItemTemplate>

</telerik:TreeListTemplateColumn>

</Columns>

</telerik:RadTreeList>

The display is correct but when there is a postback, the data are reloaded. So I would like to keep the modifications in a dictionary in order to overwrite the bound values.

protected void RadTreeListParameters_DataBound(object sender, EventArgs e)

{

foreach (TreeListDataItem item in this.RadTreeListParameters.Items)

{

string id = item.GetDataKeyValue("ServiceParameterID").ToString();

if (this.parameters_values_dico != null && this.parameters_values_dico.Keys.Contains(id))

{

(item["TemplateColumn"].FindControl("tbxValue") as TextBox).Text = this.parameters_values_dico[id];

}

My problem is that I can't get the event when a textbox is modified (to save the new value in the dictionary. I added:
AutoPostBack="true" OnTextChanged="tbxValue_TextChanged" in my template textbox description but the method is never called.

Has anyone an idea to solve my problem or to provide another way to implement my feature (without ItemTemplate and edit mode) ?

Thank you

Jean-Charles

TreeList

answered on 16 Dec 2014

6 answers

584 views

Validation for custom attributes(email validation)

Hi,
I am facing an issue in validation in custom attaributes. See the attached image.
The Textbox shuold enter valid emails only. And the error mesage should be show in the bottom of the textbox.Regular expression is possible in this?

Its very urgent..pls do the needful

Thanks and regards

Scheduler

answered on 16 Dec 2014