Questions on UI for ASP.NET AJAX Forum

2 answers

120 views

Aligning columns of all tables in hierarchical gridview

Hi,
I am using hierarchical gridview of four levels. I want the columns of all tables to be aligned. Currently I am facing issue because of the left most column (containg arrows to expand and collapse). At each level, tables are shifted to right due to that column.
Is there any way to align columns of all four tables (Each child table column should be aligned with parent table column)?
Please reply ASAP...

FYI: I am using telerik 2009

thanks,
Pooja

Grid

answered on 17 Jun 2011

3 answers

308 views

Using set_cancel() To Cancel Navigation

Hi folks,

I'm trying to prompt users to save unsaved fields in pages. The page navigates away even when I call eventArgs.set_cancel(true);

The idea is that if you type something into the textbox and then click a menu item, you're prompted about the unsaved change.

Could someone point out what I'm missing here? The complete code for the page is shown below.

Thanks,

Ken

    
            <%@ Page Language="VB" AutoEventWireup="false"  %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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">  
        
            <head runat="server">  
        
                <title></title>  
        
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
        
                <script type="text/javascript">  
        
                    var isDirty = false;  
        
                    var msg = 'This page has unsaved changes.\n\nClick OK to abandon the changes and leave the page.\n\nClick Cancel to stay on the page so you can save your changes.';  
        
                    $(document).ready(function() {  
        
                        $(':input').change(function() {  
        
                            if (!isDirty) {  
        
                                isDirty = true;  
        
                            }  
        
                        });  
        
                        //            window.onbeforeunload = function () {  
        
                        //                if (isDirty) {  
        
                        //                 confirm(msg);  
        
                        //                }  
        
                        //            };  
        
                    });  
        
                    function doNavigation(targetURL) {  
        
                        if (isDirty == false) {  
        
                            window.location.href = targetURL;  
        
                        }  
        
                        else {  
        
                            if (confirm(msg) == false) {  
        
                                return false;  
        
                            }  
        
                            else {  
        
                                window.location.href = targetURL;  
        
                            }  
        
                        }  
        
                    }  
        
                    function onClicking(sender, eventArgs) {  
        
                        var item = eventArgs.get_item();  
        
                        var navigateUrl = item.get_navigateUrl();  
        
                        if (navigateUrl && navigateUrl != "#" && isDirty) {  
        
                            var proceed = confirm(msg);  
        
                            if (!proceed) {  
        
                                eventArgs.set_cancel(true);  
        
                                return false;  
        
                            }  
        
                        }  
        
                    }                 
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Web20" OnClientItemClicking="onClicking">  
        
                        <Items> 
        
                            <telerik:RadMenuItem EnableViewState="false" runat="server" NavigateUrl="~/dashboard.aspx" 
        
                                Text="Dashboard" PostBack="False">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/scheduling.aspx" PostBack="False" 
        
                                        Text="Scheduling" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem PostBack="False" runat="server" NavigateUrl="~/contacts.aspx" 
        
                                Text="Contacts" /> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem PostBack="False" runat="server" NavigateUrl="~/items.aspx" Text="Items">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/resetitems.aspx" PostBack="False" 
        
                                        Text="Debug: Reset Items" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem runat="server" NavigateUrl="~/sales.aspx" Text="Sales" PostBack="False" /> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem runat="server" NavigateUrl="~/purchases.aspx" Text="Purchasing" 
        
                                PostBack="False" /> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem runat="server" Text="Production" NavigateUrl="~/workorders.aspx" 
        
                                PostBack="False" /> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem runat="server" NavigateUrl="~/projects.aspx" Text="Projects" 
        
                                PostBack="False">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/files.aspx" PostBack="False" Text="Files" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                            <telerik:RadMenuItem runat="server" NavigateUrl="~/events.aspx" Text="Events" PostBack="False">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/scheduling.aspx" PostBack="False" 
        
                                        Text="Scheduling" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                            <telerik:RadMenuItem IsSeparator="true" /> 
        
                        </Items> 
        
                    </telerik:RadMenu> 
        
                    <br /> 
        
                    <br /> 
        
                    <br /> 
        
                    <telerik:RadTextBox ID="RadTextBox1" Runat="server">  
        
                    </telerik:RadTextBox> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Menu

answered on 17 Jun 2011

4 answers

121 views

ScrollHeight

Hi,

Within a RadGrid I'd use scrollheight to force the grid to occupy a certain height on the page and the pager would be at the foot of that height.

I'd do it like this:

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="389" SaveScrollPosition="False"></Scrolling>

</ClientSettings>

Is there an equivalent way to do this with the RadTreeList?

It would be nice to see some documentation that specifically looks at the things that haven't been copied to the rad tree list from the grid view equivalent....

Best Regards,

Jon

TreeList

answered on 17 Jun 2011

1 answer

98 views

Select Rows from RadFilter results (in RadGrid)

I need some help. I have a RadGrid with a RadFilter to generate mailing lists. Once I have filtered RadGrid, can I select the rows based on the filtered results?

From a mailing list perspective, I want to add each row from the filtered list to another mailing jobs table.   So I want to iterate through the filtered RadGrid to get only the rows from the filtered set.

Can someone give me guidance?    Thanks in advance.

Filter

answered on 17 Jun 2011

5 answers

111 views

Problems with your sample code

Hi

I am trying to leverage the c# code you have at the following url:

http://www.telerik.com/help/aspnet/grid/grdfilteringfordatetimecolumnwithdataformatstring.html

Whilst there are several syntax errors I have been able to overcome most of them,
but the following line has me stumped:

string currentPattern = (TextBox)filterItem(((Pair)e.CommandArgument).Second).Controls(0).Text;

I get an error which says.

'filterItem is a variable but it is used like a method'.

What is this line supposed to be?

In the process you might want to clean up the other syntax errors too.

TIA

Grid

answered on 17 Jun 2011

3 answers

172 views

Custom filter date

Hello,

I build a class with Telerik Advices to custom filter date.

My RadFilter bind a RadGrid.
I can save filters in a sqlDataBase.

When I choose a value in my custom combo filter date : no problem.
I save it : no problem
I load it the same day : no problem

But if I load it the next day or after : I must select the value, again.
It is very restriction for users which save their filters.

Imports System

Imports System.Collections.Generic

Imports System.Linq

Imports System.Web

Imports Telerik.Web.UI

Imports System.Collections

'ACB - V1.0 - 07 septembre 2010

''' <summary>

''' filter on today or next days or last days''' </summary>

''' <remarks></remarks>

Public Class DateFiltre

Inherits RadFilterDataFieldEditor

Protected Overrides Sub CopySettings(ByVal baseEditor As Telerik.Web.UI.RadFilterDataFieldEditor)

MyBase.CopySettings(baseEditor)

Dim editor = TryCast(baseEditor, DateFiltre)

If editor IsNot Nothing Then

StartDate = editor.StartDate

End If

End Sub

Public Property StartDate() As System.Nullable(Of DateTime)

Get

Return m_StartDate

End Get

Set(ByVal value As System.Nullable(Of DateTime))

m_StartDate = value

End Set

End Property

Private m_StartDate As System.Nullable(Of DateTime)

Public Overrides Property DataType() As System.Type

Get

Return MyBase.DataType

End Get

Set(ByVal value As System.Type)

MyBase.DataType = value

End Set

End Property

Public Overrides Function ExtractValues() As System.Collections.ArrayList

Dim list As New ArrayList()

If combo.SelectedIndex = 0 Then

list.Add(Nothing)

Else

list.Add(DateTime.Parse(combo.SelectedValue))

End If

Return list

End Function

Private combo As RadComboBox

Public Overrides Sub InitializeEditor(ByVal container As System.Web.UI.Control)

Dim currentDate = If(StartDate, Date.Today)

combo = New RadComboBox()

combo.Items.Add(New RadComboBoxItem("select"))

combo.Items.Add(New RadComboBoxItem("date+60", currentDate.AddDays(60).ToString()))

combo.Items.Add(New RadComboBoxItem("date+21", currentDate.AddDays(21).ToString()))

combo.Items.Add(New RadComboBoxItem("date+20", currentDate.AddDays(20).ToString()))

combo.Items.Add(New RadComboBoxItem("date+15", currentDate.AddDays(15).ToString()))

combo.Items.Add(New RadComboBoxItem("date+14", currentDate.AddDays(14).ToString()))

combo.Items.Add(New RadComboBoxItem("date+10", currentDate.AddDays(10).ToString()))

combo.Items.Add(New RadComboBoxItem("date+7", currentDate.AddDays(7).ToString()))

combo.Items.Add(New RadComboBoxItem("date+5", currentDate.AddDays(5).ToString()))

combo.Items.Add(New RadComboBoxItem("date+2", currentDate.AddDays(2).ToString()))

combo.Items.Add(New RadComboBoxItem("date+1", currentDate.AddDays(1).ToString()))

combo.Items.Add(New RadComboBoxItem("date", currentDate.ToString()))

combo.Items.Add(New RadComboBoxItem("date-1", currentDate.AddDays(-1).ToString()))

combo.Items.Add(New RadComboBoxItem("date-2", currentDate.AddDays(-2).ToString()))

combo.Items.Add(New RadComboBoxItem("date-3", currentDate.AddDays(-3).ToString()))

container.Controls.Add(combo)

End Sub

Public Overrides Sub SetEditorValues(ByVal values As System.Collections.ArrayList)

If values(0) IsNot Nothing Then

combo.SelectedValue = values(0).ToString

End If

End Sub

End Class

Have you got an idea to find again my selected value ?

Anne

Filter

answered on 17 Jun 2011

4 answers

109 views

Internet Explorer Bug with bulleted lists

Hi there,

Our users have come across a bug that only seems to effect IE (IE7 8 and 9 tested).

If you type the following over 3 lines:

line 1
line 2
line 3

Select it, then set its font size to say, 12px. So far so good. Now, with it still selected, turn it into a bulleted list. All 3 lines are put under one bullet point, and the following markup is produced:

<ul>

li><span style="font-size: 12px;">line 1<br />



    line 2<br />



    line 3</

span></li>

</

ul>

Whereas, Firefox and Chrome both render:

<ul>

li><span style="font-size: 12px;">line 1</span></li

<li><span style="font-size: 12px;">line 2</span></li

<li><span style="font-size: 12px;">line 3</span></li

</ul>

IE does it properly if you do it the opposite way, first a bullet list, then the font size.

I have just upgraded to Q3 2010 and the problem still exists.

Sorry if this is in the wrong area.

Regards,

RSPCA Victoria

Editor

answered on 17 Jun 2011

4 answers

84 views

Problem with set_virtualItemCount for radGrid in radWindow with radWindowManager

I have a rather complex scenario.

I'm creating a set of coordinating User Controls that give me a tabbed interface where the tabs are Help, Search, Search Results, List, Edit, New, View, and some customizable functions. I'm turning these into a fully ajaxified interface controlled by instantiated JavaScript objects in an external JS file so that I can have multiple interfaces on the same page that use this interface. I have to say that this would be much, much more difficult without you guys at Telerik.

When I did this, I was able to instantiate a single interface on a page and it all worked perfectly. Very snappy response since it's all Ajaxified. So, for the next step, I took this interface and placed it in a RadWindow within a RadWindowManager so that I could utilize it in a desktop-like MDI interface like you have in the demos section. When I did this, things started to go funky. To start, I was getting postbacks on things like tab clicks, grid sorting and paging, and stuff like that. I also noticed that the counts in the RadGrid pager were messed up.

To address this, I'm taking a step at a time in order to focus on a single problem with minimal complexity.

I've been able to recreate a situation where I have a radGrid within a radWindow within a radWindowManager, and I'm ONLY calling set_virtualItemCount(5) in order to test updating the pager on the RadGrid. When I load this page, it shows 21 items in 2 pages. When I click the button to trigger the JavaScript, it remains at 21 items in 2 pages.

IF I REMOVE the RadWindowManager, and just have a standalone RadWindow, clicking the button changes the page count information to 5 items in 1 page. And, of course, if I take out the RadWindow as well, clicking the button changes the page count to 5 items in 1 page.

Can you figure out what's going on here?

Here's my code. It's all self-contained (no external JS file):

<!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" lang="en-us" >

<head id="Head1" runat="server">

<meta http-equiv="Content-Language" content="en-us" />

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta name="description" id="PageDescription" runat="server" content="" />

<meta name="keywords" id="PageKeywords" runat="server" content="" />

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server" enableviewstate="true" method="post">

<telerik:RadScriptManager runat="server" ID="SM1">

<Services>

<asp:ServiceReference Path="~/TestServices.asmx" />

</Services>

</telerik:RadScriptManager>

<telerik:RadWindowManager ShowOnTopWhenMaximized="false" Skin="Web20" Width="590"

Height="360" Behaviors="Close,Maximize,Minimize,Move,Reload,Resize"

ID="RadWindowManager"

runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="VendorAdminWindow" runat="server" VisibleOnPageLoad="true" ShowContentDuringLoad="true" DestroyOnClose="false" Skin="Web20" Width="590" >

<ContentTemplate>

<asp:Button ID="Button1" Text="Load" runat="server" OnClientClick="return loadData()" />

<Telerik:radGrid

ID="ItemList"

runat="server"

AllowPaging="True"

PageSize="20"

PagerStyle-AlwaysVisible="true"

AllowSorting="True"

HorizontalAlign="NotSet"

AutoGenerateColumns="False"

Skin="WebBlue"

MasterTableView-Caption="Right-Click a row to access the Context-Sensitive Menu, Click Column Names to Sort"

Width="98%"

>

<MasterTableView

ClientDataKeyNames="ItemID_rin" AllowMultiColumnSorting="false"

>

<Columns>

<Telerik:GridBoundColumn

DataField="ItemID_rin"

UniqueName="ItemID_rin"

visible="false"

HeaderText="Item ID"

/>

<Telerik:GridBoundColumn

DataField="FirstName_rst"

UniqueName="FirstName_rst"

HeaderText="First Name"

ItemStyle-VerticalAlign="Top"

/>

<Telerik:GridBoundColumn

DataField="LastName_rst"

UniqueName="LastName_rst"

HeaderText="Last Name"

ItemStyle-VerticalAlign="Top"

/>

<Telerik:GridBoundColumn

DataField="ForumHandle_rst"

UniqueName="ForumHandle_rst"

HeaderText="Handle"

ItemStyle-VerticalAlign="Top"

/>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnCommand="function(){}" />

</ClientSettings>

<PagerStyle

Mode="NextPrevAndNumeric"

Position="TopAndBottom"

/>

</Telerik:radGrid>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<script language="javascript" type="text/javascript">

loadData = function () {

/********************************************************************************************\

|*                                                                                                                                                                                  *|

|*  loadData                                                                                                                                                                *|

|*                                                                                                                                                                                  *|

\********************************************************************************************/

Grid_aob = $find('<%= ItemList.ClientID %>');

var tableView = Grid_aob.get_masterTableView();

tableView.clearSelectedItems();

tableView.set_virtualItemCount(5);

alert('Counts should be updated to 5 items.');

return false;

}

</script>

</form>

</body>

</html>

I'm hoping, of course, that this uncovers the root of all of my problems with this solution. I have to say that I don't have a 100% grasp on all of the details with the postbacks, but I clearly was able to reproduce this problem.

I've tested this in Firefox 4.01, IE 9 (using modes for IE 8 and IE 9), Chrome 12.0.742.91, and safari 5.0.5.

Thanks for your assistance.

Grid

answered on 17 Jun 2011

1 answer

257 views

how enable radlistbox item in client side which is disabled in server side

Hi,

I am using radlistbox item disable in server side. but i want enable client side while some value changed. but i am getting enable client side but the text has been shared(like disabled time). how to solve this problem,

Please let me know,

Thanks,
Dhamu.

ListBox

answered on 17 Jun 2011

1 answer

70 views

RadWindow + RadDockZone + IE7: Overflow problem

Hello,

I'm having a problem with RadWindow and RadDockZone, when the contents of RadDockZone is larger than the size of the RadWindow, in Internet Explorer 7, the RadDockZone overflows the RadWindow, creates the scroll bar, but the content overflow the RadWindow.

In real case I have in the RadWindow, one RadDockZone with some fields, and another below, with a RadGrid. But did this example that simulates the same problem:

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<telerik:RadScriptManager ID="telerik_ajax_manager" runat="server" OutputCompression="AutoDetect" />

Overflow test: RadWindow + dockZone

<telerik:RadWindow ID="rad_window" runat="server" Title="Overflow test: RadWindow + dockZone" Modal="true" Width="500px" Height="400px" Behaviors="Close"

VisibleStatusbar="false" VisibleOnPageLoad="true">

<ContentTemplate>

<telerik:RadDockZone ID="dock_zone_1" runat="server" BorderStyle="None" >

<telerik:RadDock ID="dock_1" runat="server" Title="Dock Zone 1" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse">

<ContentTemplate>

test <br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

<telerik:RadDockZone ID="dock_zone_2" runat="server" BorderStyle="None" >

<telerik:RadDock ID="dock_2" runat="server" Title="Dock Zone 2" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse">

<ContentTemplate>

test <br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</ContentTemplate>

</telerik:RadWindow>

</asp:Content>

Tested in FF3, FF4, IE7, IE8, IE9 and chrome. And the problem only occurs in IE7. I tried some solutions with css, but could not resolve satisfactorily.

It would be a bug? or just something that I'm setting wrong?

Window

answered on 17 Jun 2011