Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Restrict Other Control Access using RadAjaxLoadingPanel

Hi Team,

while loading the RadAjaxLoadingPanel, we need to restrict the access to other conrols. this panel is used in masterPage only.
we have used radAjax controls.
i.e., Page has 4 buttons and lot of other controls. while clicking "button1" , the Loadingpanel and its image will be displayed. at the same time, we can access(click) the other(button) controls.
kindly clarify this one.

Regards,
Meenakshi

Ajax

answered on 19 Mar 2012

1 answer

223 views

Add custom DropDown to RadFilter

i'm trying to add a RadFilter to filter my RadGrid which has several coulmns.it works fine. now i need to add a dropdown only for a one column filter.i have a column named Revision in my RadGrid.i'm trying the following but it doesn't work

<telerik:RadFilter runat="server" ID="RadFilter1"
FilterContainerID="gridSearchL3" ShowApplyButton="true" Height="100px" >
<FieldEditors>
<custom:RadFilterDropDownEditor DataValueField="Revision" DataTextField="Revision" DataType="System.String" FieldName="Revision" />

</FieldEditors>
</telerik:RadFilter>

i'm getting the error " Object reference not set to an instance of an object"
for creating custom dropdown i've used following class

http://www.telerik.com/help/aspnet-ajax/filter-custom-editors.html

Filter

answered on 19 Mar 2012

1 answer

56 views

RadMenu in Site.Master slides under text boxes in child pages

I currently have an issue where a RadMenu in a Site.Master page seems to slide under a txtbox when expanded (see attachement).

This seems to only impact IE. Any thoughts?

Menu

answered on 19 Mar 2012

1 answer

87 views

right click of folder or file

Hi,

I have been using Telerik ASP.NET AJAX FileExplorer control.

Here is my problem:
On right click of folder or file in FileExplorer, i need to get the full path with name of the file or folder.

Please help,

FileExplorer

answered on 19 Mar 2012

4 answers

428 views

[Solved] Getting at the GridCommandItem via the client-side API

Normally, if I need a client-side reference to the grid's CommandItem, I wire up the Toolbar's OnClientLoad command and save the reference when that fires. Either that or use $find(...).

However, I find myself updating a page that used multiple instances of a user control that has a grid in it and i need to access the CommandItem for a grid when a row on the grid is selected, but for the life of me I can't find anything in the API that allows me to get at the CommandItem from, say, the OnRowSelecting event.

Is this possible?

--
Stuart

Grid

answered on 19 Mar 2012

3 answers

218 views

RadGrid Insert Item when Empty Grid

So I'm using a radgrid tied to an object data source see grid code below...

<tk:RadGrid ID="rgThreshold" runat="server" AllowPaging="True" Width="100%" PageSize="10" Skin="Black"

OnInsertCommand="rgThreshold_InsertCommand" OnDeleteCommand="rgThreshold_DeleteCommand" OnUpdateCommand="rgThreshold_UpdateCommand"

AutoGenerateColumns="False" AllowSorting="True" CellSpacing="0" OnNeedDataSource="rgThreshold_NeedDataSource" >

<PagerStyle Mode="NextPrevAndNumeric" />

<ValidationSettings EnableValidation="true" EnableModelValidation="true" CommandsToValidate="Insert,Edit" />

<MasterTableView CommandItemDisplay="Top" EditMode="EditForms" InsertItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="ThresholdID" EditFormSettings-EditColumn-ButtonType="ImageButton">

<CommandItemSettings AddNewRecordText="Add New Threshold" />

<Columns>

<tk:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton">

<ItemStyle CssClass="myImageButton" />

</tk:GridEditCommandColumn>

<tk:GridBoundColumn HeaderText="Threshold ID" DataField="ThresholdID" Display="false" UniqueName="ThresholdID" ReadOnly="true" />

<tk:GridTemplateColumn HeaderText="Threshold Number" DataField="ThresholdNumber" UniqueName="ThresholdNumber" SortExpression="ThresholdNumber" ColumnEditorID="ThresholdNumberEditor" HeaderStyle-Width="150px" >

<ItemTemplate>

<%# Eval("ThresholdNumber") %>

</ItemTemplate>

<InsertItemTemplate>

<tk:RadNumericTextBox ID="tbThresholdNumber" runat="server" Value="5" DbValue='<%# Bind("ThresholdNumber") %>' Width="50px" ShowSpinButtons="true" NumberFormat-DecimalDigits="0" />

<asp:RequiredFieldValidator ID="rfvThresholdNumber" runat="server" ControlToValidate="tbThresholdNumber" Text="Threshold Number is Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</InsertItemTemplate>

<EditItemTemplate>

<tk:RadNumericTextBox ID="tbThresholdNumber" runat="server" DbValue='<%# Bind("ThresholdNumber") %>' Width="50px" ShowSpinButtons="true" NumberFormat-DecimalDigits="0" />

<asp:RequiredFieldValidator ID="rfvThresholdNumber" runat="server" ControlToValidate="tbThresholdNumber" Text="Threshold Number is Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</EditItemTemplate>

</tk:GridTemplateColumn>

<tk:GridTemplateColumn HeaderText="Threshold Name" DataField="ThresholdName" UniqueName="ThresholdName" ColumnEditorID="ThresholdNameEditor" HeaderStyle-Width="300px">

<ItemTemplate>

<%# Eval("ThresholdName") %>

</ItemTemplate>

<InsertItemTemplate>

<tk:RadTextBox ID="tbThresholdName" runat="server" Text='<%# Bind("ThresholdName") %>' Width="500px" MaxLength="100" />

<asp:RequiredFieldValidator ID="rfvThresholdName" runat="server" ControlToValidate="tbThresholdName" Text="Threshold Name is Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</InsertItemTemplate>

<EditItemTemplate>

<tk:RadTextBox ID="tbThresholdName" runat="server" Text='<%# Bind("ThresholdName") %>' Width="500px" MaxLength="100" />

<asp:RequiredFieldValidator ID="rfvThresholdName" runat="server" ControlToValidate="tbThresholdName" Text="Threshold Name is Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</EditItemTemplate>

</tk:GridTemplateColumn>

<tk:GridTemplateColumn HeaderText="Emails" DataField="Emails" UniqueName="Emails" ColumnEditorID="EmailsEditor" HeaderStyle-Width="400px">

<ItemTemplate>

<%# Eval("Emails") %>

</ItemTemplate>

<InsertItemTemplate>

<tk:RadTextBox ID="tbEmails" runat="server" Text='<%# Bind("Emails") %>' TextMode="MultiLine" Width="500px" Height="100px" MaxLength="2000" />

<asp:RequiredFieldValidator ID="rfvEmails" runat="server" ControlToValidate="tbEmails" Text="Emails are Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</InsertItemTemplate>

<EditItemTemplate>

<tk:RadTextBox ID="tbEmails" runat="server" Text='<%# Bind("Emails") %>' TextMode="MultiLine" Width="500px" Height="100px" MaxLength="2000" />

<asp:RequiredFieldValidator ID="rfvEmails" runat="server" ControlToValidate="tbEmails" Text="Emails are Required." InitialValue="" Display="Dynamic" CssClass="Validator" />

</EditItemTemplate>

</tk:GridTemplateColumn>

<tk:GridTemplateColumn HeaderText="CC Emails" DataField="AdminEmails" UniqueName="AdminEmails" ColumnEditorID="AdminEmailsEditor" HeaderStyle-Width="400px">

<ItemTemplate>

<%# Eval("AdminEmails") %>

</ItemTemplate>

<InsertItemTemplate>

<tk:RadTextBox ID="tbAdminEmails" runat="server" Text='<%# Bind("AdminEmails") %>' TextMode="MultiLine" Width="500px" Height="100px" MaxLength="2000" />

</InsertItemTemplate>

<EditItemTemplate>

<tk:RadTextBox ID="tbAdminEmails" runat="server" Text='<%# Bind("AdminEmails") %>' TextMode="MultiLine" Width="500px" Height="100px" MaxLength="2000" />

</EditItemTemplate>

</tk:GridTemplateColumn>

<tk:GridButtonColumn ConfirmText="Delete this Threshold (All Assignments will also be deleted)?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete Threshold" CommandArgument="ThresholdID" CommandName="Delete" ConfirmDialogHeight="100px" ConfirmDialogWidth="220px" ButtonType="ImageButton" />

</Columns>

<EditFormSettings ColumnNumber="2" CaptionDataField="ThresholdName" CaptionFormatString="Edit: {0}">

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

</EditFormSettings>

</MasterTableView>

</tk:RadGrid>

<tk:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Black" />

<tk:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black" />

The problem is it works great if at least one record exists but if I have a collection of object with count = 0 (no records) and I click the add new record button i get a:

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'ThresholdName'.

What am I doing wrong?

Grid

answered on 19 Mar 2012

1 answer

193 views

How to remove the columns in the viewstate.

Hi,

I am binding the radgrid using normal datasource and databind method.

the grid is getting filled with autogenerated columns. I have placed one checkbox which is in the grid, not auto generated.

Now, on post back usong any button in the page. the data in the viewstate also gets loaded. this creates addtional column. I did
radgrid.MasterTableView.Columns.Clear();

the reaction is, this will also remove the checkbox in the item template. I am not sure on how to add check box and header text box in the item template in radgrid programmatically. the example given in telerik site is not helpful.

http://www.telerik.com/help/aspnet-ajax/grid-programmatic-creation.html

I requrie a solution, on how to added a column which checkbox programmatically or

running this without touching template column or
prevent viewstate from acting on button postbacks.

thanks in advance.

Grid

answered on 19 Mar 2012

1 answer

202 views

[Solved] Add a new filter option

Hi all,

in RadGrid, is it possible to add another filter option next to the existing filters? I have a column with several categories, let's say countries. Here is a good example on your demo page. Problem is: My countries are sorted in Categories, e.g.

Africa
- Egypt
- South Africa
Europe
- Denmark
- France
- Italy
etc

So I could not use a simple dropdown list. I hope it's possible to use RadTreeView with checkboxes?
Problem is: I don't want to replace the existing filter. It should still be possible just to enter e.g. 'Den' and select 'Contains' as a filter. Additionally it should be possible to click on another filter icon and then RadTreeView opens showing all available options? Would that work?
I've also seen that it's possible to filter with RadFilter. This might also be an option but currently I think it's not very self-explaining for unexperienced users so I would really prefer to have an additional filter option icon in the filter row.
Many thanks in advance!

Grid

answered on 19 Mar 2012

2 answers

173 views

RadGrid e.OldSortOrder returns only None.

I have a grid named

 gvTabList which in inside the usercontrol . I load this usercontrol at runtime from Default.aspx when some required condition is met. 



The usercontrol is loaded as shown. I don't have to load this usercontrol on page load.As you can see I am not loading my usercontrol in Page_Load event. 



if(Condition1 is met)

{

   UserControl control = (UserControl)LoadControl("~/Controls/" + Usercontrolname + ".ascx");

}

There is no problem loading the usercontrol when the condition is met. But the problem is when i click the heading of any column, the sortorder does not change. I have my funtion to handle the CustomSorting which is given below.

<telerik:RadAjaxManager ID="radAjaxManagerTab" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="gvTabList">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="gvTabList" LoadingPanelID="ajaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" IsSticky="true"

Skin="Default" Style="position: absolute; z-index: 101; top: 0; left: 0;">

<img alt="Loading" src="../Images/Loading.gif" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="gvTabList" runat="server" Skin="WebBlue" AllowFilteringByColumn="True"

AllowPaging="True" PageSize="5" AllowSorting="True"

OnNeedDataSource="gvTabList_NeedDataSource"

OnInit="gvTabList_Init"

AutoGenerateColumns="False" GridLines="None" OnSortCommand="gvTabList_SortCommand" EnableAJAX="True" >

<GroupingSettings CaseSensitive="false" />

<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="false" AllowCustomSorting="true">

<RowIndicatorColumn Visible="False">

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

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False">

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

</ExpandCollapseColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<Columns>

<telerik:GridBoundColumn AllowFiltering="False" DataField="ID" HeaderText="HEDIS #"

UniqueName="HedisID">

<HeaderStyle HorizontalAlign="Center" Width="140" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="HedisSubMeasure" HeaderText="HEDIS Domain"

UniqueName="HedisDomain">

<HeaderStyle HorizontalAlign="Center" Width="150" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<PagerStyle Mode="NumericPages" />

</telerik:RadGrid>

I checked by debugging, but " e.OldSortOrder" always gives None.

protected void gvTabList_SortCommand(object source, GridSortCommandEventArgs e)

{

GridSortExpression sortExpr = new GridSortExpression();

switch (e.OldSortOrder)

{

case GridSortOrder.None:

sortExpr.FieldName = e.SortExpression;

sortExpr.SortOrder = GridSortOrder.Descending;

e.Item.OwnerTableView.SortExpressions.AddSortExpression(sortExpr);

break;

case GridSortOrder.Ascending:

sortExpr.FieldName = "ID";

sortExpr.SortOrder = GridSortOrder.Ascending;

e.Item.OwnerTableView.SortExpressions.AddSortExpression(sortExpr);

break;

case GridSortOrder.Descending:

sortExpr.FieldName = e.SortExpression;

sortExpr.SortOrder = GridSortOrder.Ascending;

e.Item.OwnerTableView.SortExpressions.AddSortExpression(sortExpr);

break;

}

e.Canceled = true;

gvTabList.Rebind();

}

Is this problem related with dynamically loading the usercontrol . I have found many forums saying " UserControl must be loaded during Init method". But as you can see I need this usercontrol only if a condition is met, I dont need it always. so I am not loading it in Init method.
if any one has faced this problem, please send me the solution. It will be a great help.

Grid

answered on 19 Mar 2012

4 answers

264 views

[Solved] Dateformat - autogenerated columns

Hi,
I'm using RadGrid with autogenerated columns. In some column I have DateTime value ( e.g. sql - select id, startDate, price from table) . How can I set the dateformat of this columns in grid which have these values?

Grid

answered on 19 Mar 2012