Questions on UI for ASP.NET AJAX Forum

2 answers

32 views

ajaxloadingpanel to encompass grid and fields

I want to have my entire screen use the ajaxloadingpanel. I have some code here:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnSearch">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlInner" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnReset">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlInner" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

IsSticky="true" Style="position:absolute; top:0; left:0; height:100%; width:100%;">

</telerik:RadAjaxLoadingPanel>

which works for texboxes, etc. but not for a radgrid. The grid is blank. But, I tried wrapping the grid with the radajaxloadingpanel and then the grid gets updated fine, but NOT the text boxes. I can't seem to make it all work together on one screen. And, the example for wrapping the entire screen in the ajaxloadingpanel is 2 1/2 years old and so it doesn't apply here.

Ajax

answered on 08 Jul 2011

6 answers

135 views

Rebind RadGrid w/in Another RadGrid's EditFormTemplate

I have RadGrid2 in RadGrid1's EditForm FormTemplate. I have RadGrid2 being binded with the ItemCreated of RadGrid1 using advanced databinding. I know that if you put the RadGrid2 within the NeedDataSource it will rebind automatically but I cannot access the ID of RadGrid2 in the RadGrid2_NeedDataSource in able to bind the data the first time. So I use the GridEditFormItem FindControl to get the ID of RadGrid2 but cannot do that outside the RadGrid1_ItemCommand.

Any suggestions?

Grid

answered on 08 Jul 2011

3 answers

69 views

Radlistbox and Collapsable Panel Extender

Hi I have a radlistbox inside of a panel that has a collapsable panel extender added to it and when the panel is minimized the radlistbox sits on top of it and does not hide. THis only happens in IE8 and older versions. Please tell me how I can overcome this.

ListBox

answered on 08 Jul 2011

1 answer

71 views

Upload and Page refresh

I have noticed on the "Grid / Binary Images and Upload in Grid", if you refresh the PAGE after inserting a new image/record, another duplicate new row is added. This behaviour also happens on the demo page.
Is there a way to prevent this happening?

Upload (Obsolete)

answered on 08 Jul 2011

3 answers

82 views

Tabstrip restrict to single row

Hi,
1) I am using tabstrip, and i use scrolling for tabs, so i don't want the tabs to be in multi-line. I set width to the tabstrip. But when it exceeds it , it comes in two lines. any help with that?

2) I use entity datasource for the tabstrip, but in the TabSelected event, the dataItem for the selected tab is 'nothing'. (I use templates for tabs)

Here are the screenshots for the multi line issue

TabStrip

answered on 08 Jul 2011

1 answer

63 views

Postbacks when using controls

I have a webform which calls a control that creates a grid. One of the fields in the grid needs to run a method when the selection is changed. This causes the whole page to postback. I need it to only postback for a couple of the different items contained within the grid. I have tried several different solutions (adding a radajaxmanager, a radajaxproxy, adding the ajaxsettings in the code behind, etc) without success. I'm sure there is something real basic I am overlooking. Could someone please point me in the right direction? Thanks!

Test.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test.aspx.vb" Inherits="Project.Test" %>

<%@ Register src="../controls/cntControl.ascx" tagname="cntControl" tagprefix="uc1" %>

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

function pageLoad() {

}

</script>

</head>

<body>

<div>

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

<uc1:cntAttibuteOptionTypes ID="cntControl1" runat="server" />

</div>

</form>

</body>

</html>

cntControl.ascx

<%@ Control Language="vb" AutoEventWireup="false" Codebehind="cntControl.ascx.vb" Inherits="Project.cntControl" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>

<P>

<telerik:RadGrid ID="dgOptions" runat="server" CellSpacing="0" GridLines="None"

ShowHeader="False" Skin="Web20" AutoGenerateColumns="false"

BorderStyle="None">

<telerik:GridBoundColumn DataField="displaytext" ItemStyle-Wrap="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn Visible="False" DataField="OptionTypeCd"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn>

<asp:DropDownList id="ddlProdOption" AutoPostBack="true" OnSelectedIndexChanged="DropDown_SelectedIndexChanged"

runat="server"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<asp:TextBox ID="txtProdOption" Runat="server" Width="200px"></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<asp:TextBox ID="txtImage" runat="server" Width="70"></asp:TextBox> 

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<asp:TextBox ID="txtLrgImage" Runat="server"></asp:TextBox> 

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

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

<telerik:AjaxSetting AjaxControlID="dgOptions">

<telerik:AjaxUpdatedControl ControlID="dgOptions" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<p>

Ajax

answered on 08 Jul 2011

2 answers

46 views

In continuation to Tab key thread on ASP .Net forum

Click here to see the history of the old thread.

Pasted below is the last message i received on the thread in the link. my issue is related to tab order which i see in Ajax controls as well. As suggested in the following message i already have a Link Button added to all special days. But tab order still skips those days. The last thing we do before adding the date to specialdays list in code we add a hyperlink on click of which it shows details of the event of the day. The special day is clickable but not reachable in tab order. we need tab order to work for 508 compliance. Please suggest if there is any other thing i can do to get it work.

Thanks,
Shalini

From: Telerik Admin
Date: 7/4/2011 4:41:02 AM

Example.zip

Hi Shalini,

In order to achieve the desired functionality you need to put a control which could be tabbed into your special day template. I am sending you a simple example which demonstrates that. Please check it out and let me know if it helps you.

Looking forward for your reply.

All the best,
Radoslav
the Telerik team

Calendar

answered on 08 Jul 2011

3 answers

122 views

RadTreeList and PagerStyle-PagerTextFormat

Here is my code for my TreeList:

<telerik:RadTreeList ID="rtlNotes" runat="server" GridLines="None" AutoGenerateColumns="false"

OnNeedDataSource="rtlNotes_NeedDataSource" OnItemDataBound="rtlNotes_ItemDataBound" OnItemCommand="rtlNotes_ItemCommand"

OnUpdateCommand="rtlNotes_UpdateCommand" OnInsertCommand="rtlNotes_InsertCommand" OnDeleteCommand="rtlNotes_DeleteCommand"

ParentDataKeyNames="ParentId" DataKeyNames="Id"

AllowSorting="true"

AllowPaging="true" PageSize="20" OnPageIndexChanged="rtlNotes_PageIndexChanged" OnPageSizeChanged="rtlNotes_PageSizeChanged"

PagerStyle-Position="TopAndBottom" PagerStyle-AlwaysVisible="true" PagerStyle-PagerTextFormat="{4} page {0} of {1}, item {2} to {3} of {5}"

NoRecordsText="There are no notes for this person.">

...

</telerik:RadTreeList>

The TreeList displays just fine except for one thing: it doesn't show the information from the PagerStyle-PagerTextFormat at all. Does the TreeList not support this? Am I missing something in my code? I can't find any documentation about this on the site.

Thank you.

TreeList

answered on 08 Jul 2011

2 answers

52 views

Problem with filter

Hi,

i have a radgrid with filterbyColumn but if i insert the string "ok" in filter it doesn't work, other string works correctly

the problem is on "TaskResult" column.

mycode:

<telerik:RadGrid ID="SearchResult" runat="server" Culture="EN"

Width="1220px"

DataSourceID="odsTask"

ValidationSettings-EnableValidation="true" ValidationSettings-ValidationGroup="SearchResultGorup"

OnItemDataBound="SearchResult_ItemDataBound" OnItemCreated="SearchGrid_ItemCreated"

OnItemCommand="SearchResult_ItemCommand" >

<GroupingSettings CaseSensitive="false" />

<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" AllowSorting="True"

GridLines="None" AllowPaging="true" AllowFilteringByColumn="True" OverrideDataSourceControlSorting="true" DataSourceID="odsTask"

Width="1220px" NoMasterRecordsText="No Results Found"

DataKeyNames="IDTask,TaskGroup" CommandItemSettings-ShowAddNewRecordButton="false">

<CommandItemTemplate>

<div id="Command">

<asp:Label ID="lblTitleServer" SkinID="Title" runat="server" Text="<%$Resources:Resource, ListaTask %>" />

<telerik:RadButton ID="btAddNewServer" OnClick="btAddNewTask_Click" runat="server"

SkinID="ToolBarButtonRight" Text="<%$Resources:Resource, AddNewTask%>" Width="200px"

/>

</div>

</CommandItemTemplate>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="IDTask" DataType="System.Int64"

FilterControlAltText="Filter IDTask column" HeaderText="ID" HeaderStyle-Width="20px" ItemStyle-Width="20px" FooterStyle-Width="20px" FilterControlWidth="20px"

SortExpression="IDTask" UniqueName="IDTask" ReadOnly="true" Visible="true" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="<%$Resources:Resource, TaskDescription %>" SortExpression="Description"

UniqueName="Description" Display="true" ItemStyle-Width="80px" HeaderStyle-Width="80px" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" DataType="System.String">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="UserIdentifier" DataSourceID="odsUsers"

HeaderStyle-Width="80px" ItemStyle-Width="80px" FooterStyle-Width="80px" FilterControlWidth="80px"

FilterControlAltText="Filter UserName column" HeaderText="<%$Resources:Resource, TaskAssignedUser %>" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

ListTextField="UserName" ListValueField="UniqueIdentifier"

UniqueName="UserName" DataType="System.String"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="UserName" HeaderText="UserName" SortExpression="UserName"

UniqueName="UserNameHidden" Display="false" ReadOnly="true" >

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataFormatString="{0:dd/MM/yyyy HH:mm}" PickerType="DateTimePicker" DataField="Data" DataType="System.DateTime"

HeaderStyle-Width="100px" ItemStyle-Width="100px" FooterStyle-Width="100px" FilterControlWidth="100px"

FilterControlAltText="Filter Data column" HeaderText="<%$Resources:Resource, DateTask %>" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

SortExpression="Data" UniqueName="Data"

AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn Display="false" DataField="Recurrent"

HeaderText="<%$Resources:Resource, Frequency %>"   SortExpression="Recurrent" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

HeaderStyle-Width="30px" ItemStyle-Width="30px" FooterStyle-Width="30px" FilterControlWidth="30px" UniqueName="Recurrent" FilterListOptions="VaryByDataTypeAllowCustom" DataType="System.String"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

<ItemTemplate>

<%#Eval("RecurrentText") %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox SelectedValue='<%#Bind("Recurrent") %>' runat="server" ID="cmbRecurrent" >

<Items>

<telerik:RadComboBoxItem Value="0" Text="no" Selected="true" />

<telerik:RadComboBoxItem Value="1" Text="yes" Selected="false" />

</Items>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="RecurrentText" HeaderText="RecurrentText" SortExpression="RecurrentText"

UniqueName="RecurrentH" Display="false" ReadOnly="true" >

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn Display="false" UniqueName="Cadence" DataField="Cadence" HeaderText="Frequency" SortExpression="Cadence" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

HeaderStyle-Width="30px" ItemStyle-Width="30px" FooterStyle-Width="30px" FilterControlWidth="30px"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

<ItemTemplate>

<%--<%#Eval("RecurrentTypeText") %> -

<%#Eval("Cadence") %>--%>

<%#Eval("CadenceAndRecurrentType") %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox

SelectedValue='<%#Bind("RecurrentType") %>' ID="cmbCadency" runat="server" DataSourceID="odsCadency" DataTextField="Value" DataValueField="Key" /><

br />

<telerik:RadNumericTextBox runat="server" ID="txtCadency" Type="Number" DataType="Int32" dbValue='<%#Bind("Cadence") %>' >

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox><br />

<asp:CustomValidator runat="server" ID="recurrentValidation" ControlToValidate="cmbRecurrent"

ErrorMessage="<%$Resources:Resource, MissCadency %>" ForeColor="Red" ValidationGroup="SearchResultGorup"

OnServerValidate="CadencyValidation" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn ReadOnly="true" Visible="false" Display="false" DataField="TaskGroup" />

<telerik:GridTemplateColumn Display="false" HeaderStyle-Width="30px" ItemStyle-Width="30px" FooterStyle-Width="30px" FilterControlWidth="30px"

UniqueName="CadenceExpiring" DataField="CadenceExpiring"

HeaderText="<%$Resources:Resource, CadenceExpiring %>" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo">

<ItemTemplate>

<%#String.Format("{0:dd/MM/yyyy}", Eval("CadenceExpiring"))%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadDatePicker runat="server" ID="pckExpiringCadence" DbSelectedDate='<%#Bind("CadenceExpiring") %>' />

<asp:CustomValidator runat="server" ID="recurrentValidation2" ControlToValidate="cmbRecurrent" ValidateEmptyText="true"

ErrorMessage="<%$Resources:Resource, CedenceExpiringMissing %>" ForeColor="Red" ValidationGroup="SearchResultGorup"

OnServerValidate="UntilDateValidation" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ResultDscr"

HeaderText="<%$Resources:Resource, TaskResult %>" SortExpression="ResultDscr" DataField="ResultDscr" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

HeaderStyle-Width="30px" ItemStyle-Width="30px" FooterStyle-Width="30px" FilterControlWidth="30px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

<ItemTemplate>

<%#Resources.Resource.ResourceManager.GetString(Enum.GetName(typeof(TaskExtendedLogic.ResultEnum), Eval("Result")))%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="ResultComboBox" DataSource="<%#GetValues()%>"

SelectedValue='<%#Bind("Result") %>' DataTextField="ResultName" DataValueField="ResultID" >

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<%---<telerik:GridBoundColumn DataField="Notes"

FilterControlAltText="Filter Notes column" HeaderText="Notes"

SortExpression="Notes" UniqueName="Notes">

</telerik:GridBoundColumn>---%>

<telerik:GridTemplateColumn HeaderText="Notes" SortExpression="Notes" UniqueName="Notes" FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png"

EditFormColumnIndex="1" DataField="Notes" Visible="false" ReadOnly="false">

<ItemTemplate>

<asp:Label runat="server" ID="Notes" Text='<%# Eval("Notes") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:CustomValidator runat="server" ID="NoteValidator" ControlToValidate="ResultComboBox" ValidateEmptyText="true"

ValidationGroup="SearchResultGorup" OnServerValidate="ValidateNote" ForeColor="Red" ErrorMessage="Please, write your notes below.">

</asp:CustomValidator> <br />

<asp:TextBox runat="server" Columns="20" Rows="5" TextMode="MultiLine" ID="Notes" Text='<%# Bind("Notes") %>'></asp:TextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn CommandName="Edit" Text="Edit" UniqueName="EditColumn"

HeaderStyle-Width="20px" ItemStyle-Width="20px" FooterStyle-Width="20px" FilterControlWidth="20px"

ButtonType="ImageButton" ImageUrl="~/App_Themes/ICTTheme/immagini/edit.png">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton"></ItemStyle>

</telerik:GridButtonColumn>

<telerik:GridButtonColumn CommandArgument="Delete" CommandName="Delete" ConfirmText="Are you sure that you want to delete this element?"

ConfirmTitle="Confirm Deletion" FilterControlAltText="Filter DeleteColumn column"

HeaderStyle-Width="20px" ItemStyle-Width="20px" FooterStyle-Width="20px" FilterControlWidth="20px"

Text="Delete" UniqueName="DeleteColumn" ButtonType="ImageButton" ImageUrl="~/App_Themes/ICTTheme/immagini/u39.png">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton"></ItemStyle>

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="odsTask" runat="server" UpdateMethod="Update"

InsertMethod="Insert" DeleteMethod="Delete"

SelectMethod="FilteredView" TypeName="Aruba.ICT.Business.ExtendtedLogic.TaskExtendedLogic"

oninserted="odsTask_Inserted"

ondeleted="odsTask_Deleted" onupdated="odsTask_Updated">

<SelectParameters>

<asp:ControlParameter ControlID="DatePickerFrom" PropertyName="SelectedDate" Type="DateTime" Name="dateTimeFrom" />

<asp:ControlParameter ControlID="DatePickerTo" PropertyName="SelectedDate" Type="DateTime" Name="dateTimeTo" />

</SelectParameters>

</asp:ObjectDataSource>

<asp:ObjectDataSource ID="odsOperationsTask" runat="server"

DataObjectTypeName="Aruba.ICT.Business.ExtendedObject.OperationsTaskObject" SelectMethod="List"

TypeName="Aruba.ICT.Business.ExtendtedLogic.OperationsTaskExtendedLogic">

</asp:ObjectDataSource>

<asp:ObjectDataSource runat="server" SelectMethod="ListRecurrentType"

TypeName="Aruba.ICT.Business.ExtendtedLogic.TaskExtendedLogic" ID="odsCadency" />

<asp:ObjectDataSource ID="odsUsers" runat="server"

SelectMethod="ListAll"

TypeName="Aruba.ICT.Business.ExtendtedLogic.UtentiView">

<SelectParameters>

<asp:Parameter Type="Boolean" Name="ShowDeleted" DefaultValue="false" />

</SelectParameters>

</asp:ObjectDataSource>

Grid

answered on 08 Jul 2011

2 answers

90 views

Error in Demo...

Trying to view "Ajax Processing"... get an error on the demo page.

http://promociones.innovacentral.com/promociones/upload/examples/async/ajaxprocessing/defaultcs.aspx

JF

AsyncUpload

answered on 08 Jul 2011