Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

Hello,

I have a RadGrid with "EditFormType = GridEditFormType.Template" with "InsertItemDisplay = GridInsertItemDisplay.Top". The list contains two pages. When I'm on page 1 and click the insert command, the grid jumps to page 2 and opens the editform.
Why does the Grid jump to page 2?

Grid

answered on 23 May 2012

1 answer

119 views

Grid SelectedRow And SortedRow

I have grid in which i want have my own styling? i set <SelectedItemStyle CssClass="gridSelectedItemStyle"/>(
in css
.gridSelectedItemStyle
{
background: #A7CDF0 !important;
}
)
and SortingSettings-SortedBackColor="Green"
When i sort by any column, all rows in this column have Green Color, and when i click on any row, this row start to be A7CDF0 color, but sorted row still "Green", i want that all cells in selected row will be "A7CDF0" background. Screen in attachment.

Andrey

Grid

answered on 23 May 2012

0 answers

94 views

Using Regular and Custom Filters Together

Hello,

I have a problem with RadGrid, where MyRadGrid.MasterTableView.FilterExpression works only with one filter and I would like to use multiple filters together. I am using standard filters and custom filtering columns.

From what I have read on these forums and in the documentation the FilterExpression needs to be set manually for each column.

It is not very clear to me how I should do that for the standard filters. I am using a NeedDataSource event to bind the grid.

Software versions are as follows:
Windows 7
ASP.NET 4
Visual Studio 2010 Premium
Telerik RadControls for ASP.NET AJAX v.2010.2.826.40

Any help is appreciated.

Grid

asked on 23 May 2012

2 answers

327 views

CSS for Header Context menu and expand column

Hi,

I have applied custom CSS for the radgrid. With the default CSS, context menus and expand buttons were looking fine. But with new color scheme (basically with black background), I am having trouble in displaying Header Context menus and expand button.
1. For Header Context menus, I am not able to provide background color for Columns submenu and Filter submenu. I have attached CSS changes I made so that background of main context menu and text for all menus is changed. But submenus for Columns and Fileter has transperant background and very difficult for user to use them.
2. For expand button, as my grid background color is black, I am not able to see Expand, collapse default icons.

My CSS is as follows -
.rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td

{
border-left: solid 0px black;

border-bottom: solid 0px black;

}
RadGrid .rgFilterBox

{
background-color: Gray;

border-width: 1px;

border-style: solid;
margin: 0;

padding: 2px 1px 3px;
font-size: 12px;

vertical-align: middle;

}

.RadGrid_Black th.rgHeader

{
background-image: none;

}

.GridContextMenu

{
background-color: #3e4147;
color: #00b1dc;
}
.GridContextMenu .rgHCMCols .rmLeftImage .rmRightImage

{

background-color: White;

color: Yellow;

}

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

{

background: transparent;
border-color: #fff;

}
.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

{
background: #f2f2f2 ;

color:Lime;
background-image

}

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

{

background: transparent;

border-color: #fff;
}

.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

{

background: #f2f2f2 ;
color:Lime;

}

Any help is apreciated.

Thanks

Grid

answered on 23 May 2012

2 answers

96 views

Databound values not saving when set via Javascript

I have the following ASPX page:

<script type="text/javascript">

function SectorChanged(sender, eventArgs) {

var selectedItem = eventArgs.get_item();

var selectedItemText = selectedItem.get_element().childNodes[1].innerText;

var textInput = $get('<%= companyGicsFormView.FindControl("txtSectorText").ClientID %>');

textInput .value = selectedItemText ;

textInput .text = selectedItemText ;

}

function OnClientDropDownOpeningHandler(sender, eventArgs) {

sender.requestItems("", false);

}

</script>

<asp:FormView runat="server" ID="formView" DefaultMode="Edit">

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="cboTest" DataSourceID="customDs"

DataTextField="Sector" DataValueField="Sector" SelectedValue='<%# Bind("Sector") %>'

OnClientSelectedIndexChanged="SectorChanged"

HighlightTemplatedItems="true" AllowCustomText="false" EnableLoadOnDemand="false"

OnClientDropDownOpening="OnClientDropDownOpeningHandler">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Sector") %>

<span style="display:none;"><%# DataBinder.Eval(Container.DataItem, "SectorText")%></span>

</ItemTemplate>

</telerik:RadComboBox>

<telerik:RadTextBox ID="txtSectorText" runat="server" Text='<%# Bind("SectorText") %>' MaxLength="255" ReadOnly="False" Enabled="False" />

</EditItemTemplate>

</asp:FormView>

The cboTest Combo Box is being populated correctly. The txtSectorText is also updated when I select something from the combobox. However: Neither the combo box value nor the textbox value are saved to the datasource.

I'm thinking this has something to do with databinding, but I'm stuck on how to correctly databind these two controls.

(PS: What I'm basically trying to do is to set the textbox value based upon a selection from the combo box)

ComboBox

answered on 23 May 2012

3 answers

124 views

Vertical Scrolling and GridTemplateColumn with RadButton

Hi.
I'm using RadGrid with two pre-defined columns, one of those column is a GridTemplateColumn with RadButton used as a checkbox.
When i enable scrolling (to avoid a need to scroll down the whole page) the checkboxes are displayed just the same as for grid without scrolling. Screenshot is attached:

Grid

answered on 23 May 2012

9 answers

258 views

Textchanged

Hi,

I've 2 radnumerictextbox ( A & B ) in a row in grid.
Each one have dictinct textchanged event functions (FunctionA & FunctionB)

When i modify B, FunctionB is fired. FunctionB modify the value of A.
If i modify again B, functionA is fired instead of FunctionB.

Is there a way to cancel this event after modification in code behind ?

Thanks

OPL

Input

answered on 23 May 2012

1 answer

40 views

xmldatasource error

Hi,

I am getting below error while trying to xmldatasource with treeview. I gave sample xml and code.

System.Web.UI.WebControls.XmlHierarchyData does not contain a property with the name 'Text'

<telerik:RadTreeView ID="RadTreeView2" runat="server" DataSourceID="XmlDataSource1">

<DataBindings>

<telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ImageUrlField="ImageUrl" ExpandedField="Expanded" />

</DataBindings>

</telerik:RadTreeView>

<asp:XmlDataSource runat="server" ID="XmlDataSource1" DataFile="TreeView.xml" XPath="/Tree/Node" />

<?xml version="1.0" encoding="utf-8" ?>

<Tree>

<Node>

<Node Text="Top Admin" Value="Top Admin" ImageUrl="sample.ico" >

<Node>

<Node Expanded="False" Text="Second" Value="Second">

<Node>

<Node Text="Actual" NavigateUrl="~/Actual.aspx" Expanded="False" ></Node>

</Node>

</Tree>

TreeView

answered on 23 May 2012

3 answers

219 views

Window close delay

Hi,
I am using a radwindow, and load an .aspx page in it. The only allowed behaviour of the window is the closing. The page that is loaded in the window has a listview control, and two grids. When i press the close button on the window titlebar, the window does not close immediately, which is the desired behaviour, but it takes a few seconds. How can I decrease that delay?

Thanks a lot,
Angie

Window

answered on 23 May 2012

4 answers

182 views

radupload and radajaxmanager aren't working with

There radupload and RadComboBox in RadGrid. RadComboBox page postback is doing here. I used it to prevent it radajaxmaneger. radupload but this time it does not work. please help me.

<telerik:RadGrid ID="rgproductManagementList" runat="server" PagerStyle-AlwaysVisible="true"
AllowSorting="True" OnDeleteCommand="rgproductManagementList_DeleteCommand" OnInsertCommand="rgproductManagementList_InsertCommand"
OnItemDataBound="rgproductManagementList_ItemDataBound" OnNeedDataSource="rgproductManagementList_NeedDataSource"
OnUnload="rgproductManagementListt_Unload" OnUpdateCommand="rgproductManagementList_UpdateCommand"
OnItemCommand="rgproductManagementList_ItemCommand" AllowPaging="True" CellSpacing="0"
GridLines="None" OnItemCreated="rgproductManagementList_ItemCreatedCommand" ImagesPath="/Images/icons/">
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="PRODUCT_ID"
InsertItemPageIndexAction="ShowItemOnCurrentPage">
<CommandItemSettings ExportToPdfText="PDF Çıktısı" />
<CommandItemSettings AddNewRecordImageUrl="/Images/icons/AddRecord.gif" ExportToCsvImageUrl="/Images/icons/ExportToCsv.gif"
ExportToExcelImageUrl="/Images/icons/ExportToExcel.gif" ExportToPdfImageUrl="/Images/icons/ExportToPdf.gif"
ExportToPdfText="PDF Çıktısı" ExportToWordImageUrl="/Images/icons/ExportToWord.gif"
RefreshImageUrl="/Images/icons/Refresh.gif" />
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<EditFormSettings CaptionDataField="TITLE" CaptionFormatString="<h5>Ürün bilgilerini düzenle [{0}]</h5>"
FormMainTableStyle-BackColor="#dddddd" FormMainTableStyle-Width="100%" FormMainTableStyle-CellPadding="8"
FormMainTableStyle-CellSpacing="8" FormMainTableStyle-Font-Bold="true" InsertCaption="<h5>YENİ ÜRÜN</h5>">
<EditColumn ButtonType="ImageButton" CancelText="Vazgeç" UpdateText="Güncelle" EditText="Düzenle"
InsertText="Ekle">
</EditColumn>
<FormMainTableStyle BackColor="#DDDDDD" CellPadding="8" CellSpacing="8" Font-Bold="True"
Width="100%" />
</EditFormSettings>
<Columns>
<telerik:GridTemplateColumn DataField="PRODUCT_ID" HeaderText="PRODUCT_ID" UniqueName="PRODUCT_ID"
Visible="false" ReadOnly="true">
<InsertItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Bind("PRODUCT_ID") %>'
Width="150px" Visible="false" />
</InsertItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("PRODUCT_ID") %>'
ReadOnly="true" Width="150px" />
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="TITLE" HeaderText="Başlık" UniqueName="TITLE" />
<telerik:GridTemplateColumn DataField="CATEGORY" HeaderText="Kategori" UniqueName="CATEGORY">
<ItemTemplate>
<asp:Label ID="lblcategory" runat="server" Text='<%# Bind("CATEGORY") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProductcategory" runat="server" Width="220" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcategory_SelectedIndexChanged">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProductcategory" runat="server" Width="220" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcategory_SelectedIndexChanged">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="COURSE" HeaderText="Kurs" UniqueName="COURSE">
<ItemTemplate>
<asp:Label ID="lblcourse" runat="server" Text='<%# Bind("COURSE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProductcourse" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcourse_SelectedIndexChanged">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProductcourse" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcourse_SelectedIndexChanged">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="COURSE_LANGUAGE" HeaderText="Kurs Dili" UniqueName="COURSE_LANGUAGE">
<ItemTemplate>
<asp:Label ID="lblcourselanguage" runat="server" Text='<%# Bind("COURSE_LANGUAGE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxcourseProductlanguage" runat="server">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxcourseProductlanguage" runat="server">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="PRODUCT_TYPE_ID" HeaderText="Ürün Tipi" UniqueName="PRODUCT_TYPE_ID"
AllowFiltering="false" SortExpression="PRODUCT_TYPE_ID">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("PRODUCT_TYPE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProduct" runat="server">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProduct" runat="server">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="FILE_NAME" HeaderText="Dosya Adı" UniqueName="FILE_NAME"
SortExpression="FILE_NAME">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="FILE_ORJ" HeaderText="Dosya" UniqueName="FILE_ORJ"
AllowFiltering="false" SortExpression="FILE_ORJ" Visible="false">
<ItemTemplate>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadUpload ID="RadProductFile" runat="server" Enabled="true" InitialFileInputsCount="1"
MaxFileInputsCount="1" ControlObjectsVisibility="None" AllowedFileExtensions=".xlsx,.pdf,.xls,.docx,.doc,.optx,.pptx,.AMV ,.ASF,.AVI ,.DIVX ,.MP3,.mp3,.MP4,.MPEG ,.MPG,.mkv,.flc,.flb,.FLB,.FLC,.PDF,.XLS,.DOCX,.DOC,.OPTX,.PPTX,.amv,.asf,.avi,.divx,.mp4,.mpeg,.mpg,.MKV,.VOB,.vob,.lit,.LIT">
</telerik:RadUpload>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadUpload ID="RadProductFile" runat="server" Enabled="true" InitialFileInputsCount="1"
MaxFileInputsCount="1" ControlObjectsVisibility="None" AllowedFileExtensions=".xlsx,.pdf,.xls,.docx,.doc,.optx,.pptx,.AMV ,.ASF,.AVI ,.DIVX ,.MP3,.mp3,.MP4,.MPEG ,.MPG,.mkv,.flc,.flb,.FLB,.FLC,.PDF,.XLS,.DOCX,.DOC,.OPTX,.PPTX,.amv,.asf,.avi,.divx,.mp4,.mpeg,.mpg,.MKV,.VOB,.vob,.lit,.LIT">
</telerik:RadUpload>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="DESCRIPTION" HeaderText="Açıklama" UniqueName="DESCRIPTION"
Visible="false" SortExpression="DESCRIPTION">
<EditItemTemplate>
<asp:TextBox ID="txtdescription" runat="server"></asp:TextBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="txtdescription" runat="server"></asp:TextBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ACTIVE" HeaderText="Aktif/Pasif" UniqueName="ACTIVE"
AllowFiltering="false" SortExpression="ACTIVE">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Bind("ACTIVE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:CheckBox ID="CheckBoxActive" runat="server"></asp:CheckBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:CheckBox ID="CheckBoxActive" runat="server"></asp:CheckBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridAttachmentColumn AllowFiltering="false" FileNameTextField="FILE_NAME"
AttachmentDataField="FILE_ORJ" AttachmentKeyFields="PRODUCT_ID" ButtonType="ImageButton"
ImageUrl="~/Images/icons/ico_pdf.png" Text="Download" HeaderText="Download" DataTextField="FILE_NAME"
UniqueName="AttachmentColumn" ReadOnly="true" Visible="true">
</telerik:GridAttachmentColumn>
<telerik:GridEditCommandColumn ButtonType="ImageButton" />
<telerik:GridButtonColumn ConfirmText="Bu ürün bilgisini silmek istediğinizden emin misiniz?"
ConfirmDialogType="RadWindow" ConfirmTitle="Sil" ButtonType="ImageButton" CommandName="Delete"
ConfirmDialogHeight="100px" ConfirmDialogWidth="220px" />
</Columns>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
<PagerStyle AlwaysVisible="True" />
<FilterMenu AppendDataBoundItems="True" EnableImageSprites="False">
</FilterMenu>
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">
</HeaderContextMenu>
</telerik:RadGrid>
</telerik:RadMultiPage>
<br />
</div>
</div>
</div>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgproductManagementList">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rgproductManagementList" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

Upload (Obsolete)

answered on 23 May 2012