Questions on UI for ASP.NET AJAX Forum

1 answer

75 views

Black Lines appearing after Edit or Delete

Hi

On my RadGrid after click on edit or delete, I get vertical black lines appearing...

I have tried putting TableLayout="Fixed" but this seems to mess up the filters by putting them on 2 lines... I have tried increasing the filter width but this hasnt worked.

Any ideas on how I can fix this?

Grid

answered on 12 Feb 2013

5 answers

193 views

Get items filtered grid and data item(row) is based on

Hi,

I am using a radgrid with Cardview. Since I use the cardview, I put my pageSize to 1 so one item is visible per page.

The grid has a list of products as datasource. (List<Product>).

I am able to filter out the needed products, but I want to genereate a report from those filtered items.

So how is it possible to get all the remaining items in the grid? When I use grid.Items, only the item on the current page is inside.

And I also have an other question. Is it possible to get the data (in my case now the product) the radgrid item is based on?

It is possible to get the current row with all it's values, but what if my row doesn't hold all the values I need in my code?

Thanks in advance.

Grid

answered on 12 Feb 2013

1 answer

83 views

align remove button

hi,

Is there a way to align the Remove button in the asyncupload to the left?

AsyncUpload

answered on 12 Feb 2013

1 answer

140 views

set focus to the RadTextBox

hi,

How to set focus to the RadTextBox when the page is loaded?

Sigma.

Input

answered on 12 Feb 2013

12 answers

319 views

Radgrid Pager is borderless

I am new to Telerik web controls.

Please explain how to go about displaying the border around the pager. Every example I have seen here, has the border, yet when I try code and the grid, the pager is borderless. Please see the screenshot that is attached.

Also, please explain how to have one set of controls say, combo boxes for editing, while having another set for inserting. Specifically I have a vendor, product and internal product combo box that should be used for editing, while I would use an additional email address combobox for inserting. I don't want to implement user controls, and I don't want to hide the email combobox when in insert mode because the associated label remains and the hidden combobox still takes up the real estate. Thus, I do not want the emailcombox to be created when in edit mode. I only want it to be created when in insert mode. Is this possible?

Grid

answered on 12 Feb 2013

3 answers

75 views

Move Expand/Collapse of the GridGroupHeaderItem to the right

Is there anyway I can move the GridGroupHeaderItem Expand/Collapse column to the Right?

This is what I'm trying to do:
PostImage RadGridRightGroupCol

Grid

answered on 12 Feb 2013

3 answers

362 views

Manually add item to list from javascript

Hi,

I am using a RadListView. I understand how to add, edit, and delete an item when the command buttons are inside the radlistview but I am not sure how to trigger add, edit, or delete functionality from a button or link that is not inside the RadListView. I would have assumed there would be a client side function that allows me to accomplish this but I do not see a function that would accomplish my goals. I used the appendData function to add data via the client side and this works fine. However, when there is a post back, that data is lost. How can I cause the data that was appended using appendData to post to the server, so I can update my data on the server with the new information?

Thanks,
Bobby

ListView

answered on 11 Feb 2013

7 answers

168 views

Value disappears in read only mode of RadNumericTextbox

I have the following code in my aspx page:

<telerik:RadNumericTextBox ID="radbox" runat="server" Type="Currency" ReadOnly="true" Value="100"></telerik:RadNumericTextBox>

When I run this page, click on the read only control and then click somewhere else on the screen the value 100 disappears.

Input

answered on 11 Feb 2013

2 answers

245 views

Export to Excel Using ExcelML Adds Empty Cell

Hi, I have a master table and a detail table. When I export to Excel I get an extra cell inserted in the first column for the detail table view records only. If you look at the attached image you will see cells A3 and A6 are empty and appear to be associated with the detail table.

Any insights as to what I might be overlooking and how to fix this would be greatly appreciated.

Radgrid defintion...

telerik:RadGrid ID="rgCourseInventoryList" runat="server" CssClass="RadGrid" GridLines="None" AllowPaging="True" PageSize="10"

AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" OnDetailTableDataBind="rgCourseInventoryList_DetailTableDataBind"

OnNeedDataSource="rgCourseInventoryList_NeedDataSource">

<MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="CourseId" AutoGenerateColumns="false" HierarchyLoadMode="ServerBind"

HierarchyDefaultExpanded="true" ClientDataKeyNames="CourseId">

<CommandItemTemplate>

<asp:ImageButton runat="server" ImageUrl="../Images/Icons/addrecord.gif" OnClientClick="return ShowInsertForm();" ID="ibInsertSection" ToolTip="<%$ Resources:ui_labels, ibInsertSection %>"/>

<asp:LinkButton runat="server" ID="lbAddCourse" OnClientClick="return ShowInsertForm();" Text="<%$ Resources:ui_messages, msgAddNewRecord %>"></asp:LinkButton>

<asp:ImageButton runat="server" ImageUrl="../Images/Icons/excel.png" ID="ibExportToExcel" ToolTip="<%$ Resources:ui_labels, ibInsertSection %>"/>

<asp:LinkButton runat="server" ID="lbExportToExcel" Text="<%$ Resources:ui_messages, msgExcel %>" CommandName="ExportToExcel"></asp:LinkButton>

</CommandItemTemplate>

<Columns>

<telerik:GridEditCommandColumn UniqueName="gecEditCourse" EditImageUrl="../Images/Icons/edit.png" ButtonType="ImageButton" ItemStyle-Width="10px" EditText="<%$ Resources:ui_labels, ibEditCourse %>">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="CourseCode" HeaderText="<%$Resources:ui_labels, gbcCourseCode %>" DataField="SISCourseCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CourseType" HeaderText="<%$Resources:ui_labels, gbcCourseType %>" DataField="SISCourseType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CourseTitle" DataField="SISCourseTitle" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcTitle" HeaderText="<%$ Resources:ui_labels, gtcTitle %>" ItemStyle-VerticalAlign="Middle">

<ItemTemplate>

<asp:Image ID="imgParent" runat="server" Visible="false" />

<asp:Label ID="lblParentTitle" runat="server"></asp:Label>

<asp:Label ID="lblCourseTitle" runat="server"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="CourseNote" HeaderText="<%$Resources:ui_labels, gbcNote %>" DataField="SISCourseNotes">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CourseExpired" DataField="SISCourseExpired" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ParentId" DataField="ParentId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CourseStructure" HeaderText="<%$Resources:ui_labels, gbcCourseStructure %>" DataField="SISCourseStructure">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcShowDelete" ItemStyle-Width="10px">

<ItemTemplate>

<asp:ImageButton runat="server" ImageUrl="../config/Images/Icons/delete.png" ID="ibShowDeleteForm" ToolTip="<%$ Resources:ui_labels, ibShowDeleteForm %>"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<DetailTables>

<telerik:GridTableView runat="server" DataKeyNames="ChildCourseId" Name="CrossListView" ClientDataKeyNames="ChildCourseId">

<Columns>

<telerik:GridBoundColumn UniqueName="SISCourseCode" DataField="SISCourseCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="SISCourseTitle" DataField="SISCourseTitle">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="SISCourseExpired" DataField="SISCourseExpired" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ExportSettings ExportOnlyData="true" Excel-Format="ExcelML" IgnorePaging="true" OpenInNewWindow="true" HideStructureColumns="true">

</ExportSettings>

<ClientSettings>

<Selecting AllowRowSelect="true"></Selecting>

<ClientEvents OnRowDblClick="RowDblClickEdit"></ClientEvents>

</ClientSettings>

</telerik:RadGrid

Code behind...

Protected Sub rgCourseInventory_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgCourseInventoryList.ItemCommand

rgCourseInventoryList.MasterTableView.CommandItemSettings.ShowRefreshButton = False

If (e.CommandName = RadGrid.ExportToExcelCommandName) Then

_isExporting = True

rgCourseInventoryList.ExportSettings.FileName = "Course list " + Date.Now.ToString("F")

rgCourseInventoryList.ExportSettings.HideStructureColumns = True

rgCourseInventoryList.MasterTableView.GetColumn("CourseTitle").Visible = True

rgCourseInventoryList.MasterTableView.GetColumn("CourseTitle").HeaderText = Resources.ui_labels.gtcTitle.ToString

rgCourseInventoryList.MasterTableView.ExportToExcel()

ElseIf (e.CommandName = RadGrid.CancelCommandName) Then

rgCourseInventoryList.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = True

rgCourseInventoryList.MasterTableView.CommandItemSettings.AddNewRecordText = Resources.ui_messages.msgAddNewRecord

ElseIf (e.CommandName = RadGrid.InitInsertCommandName) Then

rgCourseInventoryList.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = False

rgCourseInventoryList.MasterTableView.CommandItemSettings.AddNewRecordText = ""

End If

End Sub

Protected Sub rgCourseInventoryList_ExcelMLExportRowCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridExcelBuilder.GridExportExcelMLRowCreatedArgs) Handles rgCourseInventoryList.ExcelMLExportRowCreated

If e.RowType = GridExportExcelMLRowType.DataRow Then

If Not _isExcelConfigured Then

'Set Worksheet name

e.Worksheet.Name = rcbAcademicUnitId.SelectedItem.Text + " " + Date.Now.ToString("MMM dd, yyyy")

'Set Column widths

For Each column As ColumnElement In e.Worksheet.Table.Columns

If e.Worksheet.Table.Columns.IndexOf(column) = 2 Or e.Worksheet.Table.Columns.IndexOf(column) = 3 Then

'set width 280 for Course Title and Notes column

column.Width = Unit.Point(280)

Else

column.Width = Unit.Point(80)

'set width 80 to the rest of the columns

End If

Next

'Set Page options

Dim pageSetup As PageSetupElement = e.Worksheet.WorksheetOptions.PageSetup

pageSetup.PageLayoutElement.IsCenteredVertical = True

pageSetup.PageLayoutElement.IsCenteredHorizontal = True

pageSetup.PageMarginsElement.Left = 0.5

pageSetup.PageMarginsElement.Top = 0.5

pageSetup.PageMarginsElement.Right = 0.5

pageSetup.PageMarginsElement.Bottom = 0.5

pageSetup.PageLayoutElement.PageOrientation = PageOrientationType.Landscape

'Freeze panes

e.Worksheet.WorksheetOptions.AllowFreezePanes = True

e.Worksheet.WorksheetOptions.LeftColumnRightPaneNumber = 1

e.Worksheet.WorksheetOptions.TopRowBottomPaneNumber = 1

e.Worksheet.WorksheetOptions.SplitHorizontalOffset = 1

e.Worksheet.WorksheetOptions.SplitVerticalOffest = 1

e.Worksheet.WorksheetOptions.ActivePane = 2

_isExcelConfigured = True

End If

ElseIf e.RowType = GridExcelBuilder.GridExportExcelMLRowType.HeaderRow Then

If e.Row.Cells.Count < 4 Then

e.Worksheet.Table.Rows.Remove(e.Row) ' These are the detail column header record rows which insert empty cells into the spreadsheet so get rid of the whole row

End If

End Sub

Protected Sub rgCourseInventoryList_ExcelMLExportStylesCreated(ByVal source As Object, ByVal e As Telerik.Web.UI.GridExcelBuilder.GridExportExcelMLStyleCreatedArgs) Handles rgCourseInventoryList.ExcelMLExportStylesCreated

For Each style As StyleElement In e.Styles

If style.Id = "headerStyle" Then

style.InteriorStyle.Pattern = InteriorPatternType.Solid

style.InteriorStyle.Color = System.Drawing.Color.Gray

End If

If style.Id = "alternatingItemStyle" Then

style.InteriorStyle.Pattern = InteriorPatternType.Solid

style.InteriorStyle.Color = System.Drawing.Color.LightGray

End If

If style.Id.Contains("itemStyle") Then

style.InteriorStyle.Pattern = InteriorPatternType.Solid

style.InteriorStyle.Color = System.Drawing.Color.White

End If

Next

End Sub

Grid

answered on 11 Feb 2013

2 answers

172 views

[Solved] Finding the RowIndex when RadComboBox fires inside ItemTemplate

Here's my RadGrid...

<telerik:RadGrid ID="grdAssets"

AllowPaging="True" runat="server" AllowSorting="True" AllowFilteringByColumn="true">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView TableLayout="Fixed" ShowHeader="false" EditMode="PopUp"

ClientDataKeyNames="AssetKey" DataKeyNames="AssetKey" >

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditColumn">

<HeaderStyle Width="70px" />

<ItemStyle Width="70px" />

</telerik:GridEditCommandColumn>

<telerik:GridNumericColumn DataField="AssetKey" HeaderText="AssetKey"

UniqueName="AssetKey" DataType="System.Int32" Visible="False" ReadOnly="True">

</telerik:GridNumericColumn>

</Columns>

<ItemTemplate>

<div>

<telerik:RadComboBox ID="cbConditionID" runat="server" OnClientSelectedIndexChanged="onSelectedIndexChanged" Text='<%# Bind("ConditionID") %>'>

<Items>

<telerik:RadComboBoxItem Text="Excellent" Value="E" />

<telerik:RadComboBoxItem Text="Good" Value="G" />

<telerik:RadComboBoxItem Text="Fair" Value="F" />

</Items>

</telerik:RadComboBox>

<br />

<span style="font-weight: bold; font-family: Arial Black;">AssetKey:</span>

<%# Eval("AssetKey")%>

<br/>

<span style="font-weight: bold; font-family: Arial Black;">Description:</span>

<%# Eval("AssetDescription")%>

<br/>

<span style="font-weight: bold;">Total Cost:</span>

<%# Eval("TotalCost", "{0:C2}")%>

<br/>

<span style="font-weight: bold;">Quantity:</span>

<%#Eval("Quantity") & " available"%>

<br/>

</div>

<br/>

</ItemTemplate>

<EditFormSettings EditFormType="Template" CaptionFormatString="Edit Detail">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<br />

<div style="margin-left:10px">

<table border="0" cellpadding="2" cellspacing="2">

<tr>

<td style="width:110px">

Asset Description

</td>

<td style="width:180px">

<telerik:RadTextBox ID="txtAssetDescription" runat="server" TabIndex="103" MaxLength="36"

Text='<%# Bind("AssetDescription") %>' Width="180px">

</telerik:RadTextBox>

</td>

<td style="width:40px">

</td>

<td style="width:110px">

Unit Cost

</td>

<td style="width:100px">

<telerik:RadNumericTextBox ID="txtUnitCost" runat="server" TabIndex="107" MaxLength="14"

NumberFormat-DecimalDigits="4" Culture="English (United States)"

DbValue='<%# Bind("UnitCost") %>' Width="100px">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr style="height:25px">

<td colspan="5">

</td>

</tr>

<tr>

<td colspan="5">

<asp:ImageButton ID="imgSave" runat="server" TabIndex="120" AlternateText="OK"

ImageUrl="~/images/icons/save-24.jpg" ToolTip="OK"

CommandName='<%# IIf (TypeOf Container is GridEditFormInsertItem, "PerformInsert", "Update") %>'

OnClientClick='return EditForm_Saved(this)' />

<asp:ImageButton ID="imgCancel" runat="server" TabIndex="121" AlternateText="Cancel"

ImageUrl="~/images/icons/undo-24.jpg" ToolTip="Cancel" CommandName="Cancel" />

</td>

</tr>

<tr style="height:25px">

<td colspan="5">

<asp:Literal ID="litFormEditError" runat="server"></asp:Literal>

</td>

</tr>

</table>

</div>

</FormTemplate>

<PopUpSettings Modal="True" Width="620px" Height="300px" />

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true">

</Scrolling>

<Selecting AllowRowSelect="false" />

</ClientSettings>

</telerik:RadGrid>

As you can see, within the ItemTemplate, I have a RadComboBox that fires OnClientSelectedIndexChanged. Here's my function...

function onSelectedIndexChanged(sender, eventArgs) {

// How can I access the row index where RadComboBox is located?

}

It fires, but within it, how can I determine the grid row index where the RadComboBox resides? Also, in general, is there anything wrong with how I have my RadGrid setup? Thanks.

Grid

answered on 11 Feb 2013