Questions on UI for WPF Forum

3 answers

252 views

I have IList<Vehicle_Data> where
Vehicle_Data has property:      keyvehicletype,owned,VEHICLE_TYPES
where VEHICLE_TYPES has property:   keyvehicletype,DESCRIPTION,POWER_UNIT,TOTAL

there is mapping between vehicle_data,vehicle_types.

Grid doesn't allow me to multiselect rows.please reply ASAP

    <telerik:RadGridView MultipleSelect="True"   LostFocus="RadGridView1_LostFocus"   Name="RadGridView1" Height="150"   ScrollViewer.HorizontalScrollBarVisibility="Hidden"   ScrollViewer.VerticalScrollBarVisibility="Auto"   VerticalAlignment="Stretch" ShowGroupPanel="False" ShowGroupFooters="False"   ColumnsWidthMode="Fill" ShowColumnFooters="True" HorizontalAlignment="Stretch" IsFilteringAllowed="False"   RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False" telerik:StyleManager.Theme="Office_Black" CanUserFreezeColumns="False" AreRowDetailsFrozen="False" CellEditEnded="RadGridView1_CellEditEnded"     >

                            <telerik:RadGridView.Resources>
                                <Style TargetType ="{x:Type telerik:GridViewHeaderCell}">
                                    <Setter Property="ToolTip" Value="{Binding Content, RelativeSource={RelativeSource Self}}"/>
                                </Style>
                                <Style TargetType="telerik:GridViewCell">
                                    <EventSetter Event="MouseUp" Handler="Cell_MouseUP"/>

                                </Style></<telerik:RadGridView.Resources>

                            <telerik:RadGridView.Columns>
                                <telerik:GridViewDataColumn x:Name="dcVehicletype" Header="Vehicle Type" ToolTip="Vehicle Type" IsReadOnly="True" HeaderTextAlignment="Center" TextWrapping="Wrap"   DataMemberBinding="{Binding Path=VEHICLE_TYPES.DESCRIPTION}"     />

                                <telerik:GridViewDataColumn Header="Power Unit" ToolTip="Power Unit" IsReadOnly="True" HeaderTextAlignment="Center" >
                                    <telerik:GridViewColumn.CellTemplate>
                                        <DataTemplate>
                                            <CheckBox IsEnabled="False" HorizontalAlignment="Center" VerticalAlignment="Center" IsChecked="{Binding Path=VEHICLE_TYPES.POWER_UNIT,Converter={StaticResource BoolConverter}}" ></CheckBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                </telerik:GridViewDataColumn>
                                <telerik:GridViewDataColumn Header="Passenger Unit" ToolTip="Passenger Unit" IsReadOnly="True" HeaderTextAlignment="Center">
                                    <telerik:GridViewColumn.CellTemplate >
                                        <DataTemplate>
                                            <CheckBox IsEnabled="False" HorizontalAlignment="Center" VerticalAlignment="Center" IsChecked="{Binding Path=VEHICLE_TYPES.PASSENGER_UNIT,Converter={StaticResource BoolConverter}}" ></CheckBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                </telerik:GridViewDataColumn>
                                <telerik:GridViewDataColumn Header="HM Capable" HeaderTextAlignment="Center" IsReadOnly="True" ToolTip="HM Capable">
                                    <telerik:GridViewColumn.CellTemplate>
                                        <DataTemplate>
                                            <CheckBox IsEnabled="False" HorizontalAlignment="Center" VerticalAlignment="Center" IsChecked="{Binding Path=VEHICLE_TYPES.HM_CAPABLE,Converter={StaticResource BoolConverter}}" ></CheckBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                </telerik:GridViewDataColumn>
                                <telerik:GridViewDataColumn Header="Total"   TextAlignment="Center" IsReadOnly="True" IsEnabled="False"   DataMemberBinding="{Binding x:null}" HeaderTextAlignment="Center" >
                                    <telerik:GridViewColumn.CellTemplate >
                                        <DataTemplate>
                                            <TextBlock Foreground="Gray" IsEnabled="False" HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding VEHICLE_TYPES.TOTAL}" >
                                            </TextBlock>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                </telerik:GridViewDataColumn>

                                <telerik:GridViewDataColumn   Header="Owned" TextAlignment="Center" ToolTip="Owned" IsReadOnly="True"   HeaderTextAlignment="Center" DataMemberBinding="{Binding x:null}" >

                                    <telerik:GridViewColumn.CellTemplate>
                                        <DataTemplate>
                                            <ctrlMaskedTxt:MaskedTextBox InputMask="iii" Style="{StaticResource TxtBackground}" FontWeight="Bold" HorizontalAlignment="Center" Tag="{Binding}" VerticalAlignment="Top" Width="40" TextChanged="TxtOwned_TextChanged"   x:Name="TxtOwned" Margin="5,0" Text="{Binding OWNED}" >
                                            </ctrlMaskedTxt:MaskedTextBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>

                                    <telerik:GridViewDataColumn.AggregateFunctions>
                                        <telerik:SumFunction Caption="Owned: " SourceField="OWNED" />
                                    </telerik:GridViewDataColumn.AggregateFunctions>
                                </telerik:GridViewDataColumn>

                                <telerik:GridViewDataColumn Header="Term Leased"   ToolTip="Term Leased" HeaderTextAlignment="Center" DataMemberBinding="{Binding x:null}" IsReadOnly="True" >

                                    <telerik:GridViewColumn.CellTemplate>
                                        <DataTemplate>
                                            <ctrlMaskedTxt:MaskedTextBox InputMask="iii" Style="{StaticResource TxtBackground}" FontWeight="Bold" HorizontalAlignment="Center" Tag="{Binding}" VerticalAlignment="Top" Width="40" TextChanged="TxtTermLeased_TextChanged"   x:Name="TxtTermLeased" Margin="5,0" Text="{Binding TERM_LEASED}" >

                                            </ctrlMaskedTxt:MaskedTextBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                    <telerik:GridViewDataColumn.AggregateFunctions>
                                        <telerik:SumFunction Caption="Term Leased: " SourceField="TERM_LEASED" />
                                    </telerik:GridViewDataColumn.AggregateFunctions>
                                </telerik:GridViewDataColumn>
                                <telerik:GridViewDataColumn Header="Trip Leased" TextAlignment="Center" ToolTip="Trip Leased" HeaderTextAlignment="Center" DataMemberBinding="{Binding x:null}" IsReadOnly="True" >

                                    <telerik:GridViewColumn.CellTemplate>
                                        <DataTemplate>
                                            <ctrlMaskedTxt:MaskedTextBox InputMask="iii" Style="{StaticResource TxtBackground}" FontWeight="Bold" HorizontalAlignment="Center" Tag="{Binding}" VerticalAlignment="Top" Width="40" TextChanged="TxtTripLeased_TextChanged"   x:Name="TxtTripLeased" Margin="5,0" Text="{Binding TRIP_LEASED}" >
                                            </ctrlMaskedTxt:MaskedTextBox>
                                        </DataTemplate>
                                    </telerik:GridViewColumn.CellTemplate>
                                    <telerik:GridViewDataColumn.AggregateFunctions>
                                        <telerik:SumFunction Caption="Trip Leased: " SourceField="TRIP_LEASED" />
                                    </telerik:GridViewDataColumn.AggregateFunctions>
                                </telerik:GridViewDataColumn>
                            </telerik:RadGridView.Columns>
                        </telerik:RadGridView>
private void Cell_MouseUP(object sender, MouseEventArgs args)
        {
            try
            {

                foreach (DataRecord rec in this.RadGridView1.Records)
                {
                   // DriverVehicle_Data d = (DriverVehicle_Data)rec.Data;
                    //d.TOTAL = Convert.ToInt32(d.OWNED + d.TERM_LEASED + d.TRIP_LEASED);
                     VEHICLE_DATA r = (VEHICLE_DATA)rec.Data;
                     VEHICLE_TYPES type = (VEHICLE_TYPES)r.VEHICLE_TYPES;
                     type.TOTAL = Convert.ToInt32(r.OWNED + r.TERM_LEASED + r.TRIP_LEASED);
                }

                RadGridView1.CalculateAggregates();
                RadGridView1.CommitEdit();
                RadGridView1.MultipleSelect = true;
            }
            catch (Exception ex)
            {
                throw;
            }

        }

GridView

answered on 04 Nov 2009

1 answer

131 views

tabcontrol theme

I am using RadTabControl and theme=officeblack,I have noticed that it show a panel colored with black color background with rounded border corner to left and right tabs .Is there some way that I can change the background color of tabcontrol (black) to something else.
I would also like to know how to turn off theme .

TabControl

answered on 04 Nov 2009

1 answer

141 views

Is there a way to stop RadPanelBar from resetting when rebinding to datasource?

When the ItemsSource property is set by a background task (periodic timer), the RadPanelBar resets, i.e. the panels collapse and the selected item highlight disappears.

I have implemented a cache to save the state of the RadPanelBar and RadPanelBarItems so that it can be restored to its original state, after the ItemsSource property has been set. However this is causing a horrible flicker.

Is there a way to maintain the state of the RadPanelBar after the ItemsSource property has been set without having to do manually?

Would binding to an ObservableCollection instead make any difference?
(admittedly perhaps I should have done this in the first place, but didn't know about it until recently).

Thanks.

PanelBar

answered on 04 Nov 2009

1 answer

84 views

IsSelected Property

Hi Guys,

I was using the Telerik dll version 2009.2.701. something. At that time, if I switch the positions of two records, I would not lose the focus/selection on the original record. But after I upgraded to 2009.2.813. something, I am losing the focus after I switch the records. What I am trying to do now is to manually set the grid.Records[1].IsSelected = true. But it is not working. Any suggestions?

Thanks,

GridView

answered on 04 Nov 2009

3 answers

290 views

Button click event

Hi,
I have a button inside a stack panel in a carousel control and I want to fire a click event in that button but It does nothing.
Can you please help? I am try to pop up another window when user click on a button ( details of that particular selected item) . Moreover how do I get the ID of a selected item.
Thank you
Jeewan Thapa

Carousel

answered on 04 Nov 2009

1 answer

61 views

freez column

Hi ..
how can I freez the first column when the user scroll the grid to the right (similar to what you can do in excell for example)

Thanks
Wisam

GridView

answered on 04 Nov 2009

2 answers

107 views

Untyped datasets and GridViewComboBoxColumn

Hi,

I am having a few issues with consuming datasets with the wpf grid. I have viewed the demos etc but cannot resolve this one.

The problem is the GridViewComboBoxColumn does not display the Display member on load, and when an item is selected in the employee column, and I navigate away, the value selected is not persisted in the grid row.

I have created a small example to show the problem. The codebehind is VB, as that is the language used for this cutover.

    
            <Window x:Class="Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
        
                Title="Window1" WindowState="Maximized">  
        
                <Grid> 
        
                    <telerik:RadGridView   
        
                                    AutoGenerateColumns="False" 
        
                                    HorizontalAlignment="Right"   
        
                                    IsFilteringAllowed="False" 
        
                                    CanUserFreezeColumns="False"   
        
                                    CanUserReorderColumns="False"   
        
                                    IsEnabled="True" 
        
                                    ColumnsWidthMode="Auto" 
        
                                    CanUserSortColumns="False"                  
        
                                    ShowGroupPanel="False" 
        
                                    ItemsSource="{Binding Tables[Labour.EmployeeLeave]}" 
        
                                    > 
        
                        <telerik:RadGridView.Columns> 
        
                            <telerik:GridViewComboBoxColumn   
        
                                            Header="Employee"   
        
                                            DataMemberBinding="{Binding EmpNum, Mode=TwoWay}" 
        
                                            SelectedValueMemberPath="EmpNum" 
        
                                            DisplayMemberPath="Fullname" 
        
                                            ItemsSource="{Binding}"   
        
                                            DataContext="{Binding Tables[Labour.Employee]}"/>  
        
                            <telerik:GridViewDataColumn Header="Leave Type" UniqueName="LeaveCode" /> 
        
                            <telerik:GridViewDataColumn Header="Date From" UniqueName="DateFrom" /> 
        
                            <telerik:GridViewDataColumn Header="Date To" UniqueName="DateTo" /> 
        
                            <telerik:GridViewDataColumn Header="Hours" UniqueName="Hours" /> 
        
                            <telerik:GridViewDataColumn Header="Pay In Advance" UniqueName="PayInAdvance"/>  
        
                            <telerik:GridViewDataColumn Header="Comments" UniqueName="Comments" /> 
        
                            <telerik:GridViewDataColumn Header="Total Made" UniqueName="TotalMade" /> 
        
                        </telerik:RadGridView.Columns> 
        
                    </telerik:RadGridView> 
        
                </Grid> 
        
            </Window>

    
            Imports System.Data  
        
            Class Window1  
        
                Public Sub New()  
        
                    InitializeComponent()  
        
                    Dim ds As New DataSet  
        
                    Dim dt As New DataTable("Labour.Employee")  
        
                    Me.BuildEmployeesTable(dt)  
        
                    ds.Tables.Add(dt)  
        
                    dt = New DataTable("Labour.EmployeeLeave")  
        
                    Me.BuildEmployeeLeaveTable(dt)  
        
                    ds.Tables.Add(dt)  
        
                    Me.DataContext = ds  
        
                End Sub 
        
                Private Sub BuildEmployeesTable(ByVal dt As DataTable)  
        
                    dt.Columns.Add("EmpNum", GetType(System.Int32))  
        
                    dt.Columns.Add("Firstname", GetType(System.String))  
        
                    dt.Columns.Add("Surname", GetType(System.String))  
        
                    dt.Columns.Add("Fullname", GetType(System.String), "Firstname+' '+Surname")  
        
                    Me.AdddEmployeesRow(dt, 1, "Joe", "Blogs")  
        
                    Me.AdddEmployeesRow(dt, 2, "John", "Doe")  
        
                    Me.AdddEmployeesRow(dt, 3, "Mary", "May")  
        
                End Sub 
        
                Private Sub BuildEmployeeLeaveTable(ByVal dt As DataTable)  
        
                    dt.Columns.Add("EmpNum", GetType(System.Int32))  
        
                    dt.Columns.Add("LeaveCode", GetType(System.String))  
        
                    dt.Columns.Add("DateFrom", GetType(System.DateTime))  
        
                    dt.Columns.Add("DateTo", GetType(System.DateTime))  
        
                    dt.Columns.Add("Hours", GetType(System.Int32))  
        
                    dt.Columns.Add("PayInAdvance", GetType(System.Boolean))  
        
                    dt.Columns.Add("Comments", GetType(System.String))  
        
                    dt.Columns.Add("TotalMade", GetType(String), "Comments+Hours")  
        
                    Me.AdddEmployeeLeaveRow(dt, 1, "sss", Now, Now, 55, True, "comment")  
        
                    Me.AdddEmployeeLeaveRow(dt, 2, "sss", Now, Now, 22, True, "comment")  
        
                    Me.AdddEmployeeLeaveRow(dt, 3, "sss", Now, Now, 33, True, "comment")  
        
                End Sub 
        
                Private Sub AdddEmployeesRow(ByVal dt As DataTable, ByVal id As Integer, ByVal fname As String, ByVal lname As String)  
        
                    Dim dr As DataRow = dt.NewRow()  
        
                    dr("EmpNum") = id  
        
                    dr("Firstname") = fname  
        
                    dr("Surname") = lname  
        
                    dt.Rows.Add(dr)  
        
                End Sub 
        
                Private Sub AdddEmployeeLeaveRow(ByVal dt As DataTable, ByVal id As Integer, ByVal LeaveCode As String, ByVal DateFrom As DateTime, ByVal DateTo As DateTime, ByVal Hours As Integer, ByVal PayInAdvance As Boolean, ByVal Comments As String)  
        
                    Dim dr As DataRow = dt.NewRow()  
        
                    dr("EmpNum") = id  
        
                    dr("LeaveCode") = LeaveCode  
        
                    dr("DateFrom") = DateFrom  
        
                    dr("DateTo") = DateTo  
        
                    dr("Hours") = Hours  
        
                    dr("PayInAdvance") = PayInAdvance  
        
                    dr("Comments") = Comments  
        
                    dt.Rows.Add(dr)  
        
                End Sub 
        
            End Class

Please offer some advice.

Regards,
Nic

GridView

answered on 04 Nov 2009

1 answer

164 views

ObjectDataProvider to databind in RadCarousel ItemSource doesn't work

I am trying to databing a datatable result in XAML (declarative databinding). I tried it programmatically and it does work by setting the Itemsource of my radcarousel to the datatable in code. Can you please tell me where i am going wrong with my ObjectDataProvider.

XAML code:

    
            <Window x:Class="TelerikCarousel.Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
        
            xmlns:carousel="clrnamespace:Telerik.Windows.Controls.Carousel;assembly=Telerik.Windows.Controls.Navigation" 
        
                xmlns:telerikT="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" 
        
                xmlns:local="clr-namespace:TelerikCarousel" 
        
                Title="Window1" Height="800" Width="800" Background="DarkBlue">  
        
                <Window.Resources> 
        
                    <ObjectDataProvider x:Key="objectDataProvider" ObjectType="{x:Type local:Window1}" MethodName="InserRow" /> 
        
                </Window.Resources> 
        
                <Grid> 
        
                    <Grid.RowDefinitions> 
        
                        <RowDefinition Height="280*" /> 
        
                        <RowDefinition Height="482*" /> 
        
                    </Grid.RowDefinitions> 
        
                    <Grid.Resources> 
        
                           <!-- removed the carousel stylings so it could be shorter but it does work --> 
        
            </GridResources> 
        
              <telerik:RadCarousel Margin="19,51,22,293" Name="radCarousel1" ItemsSource="{Binding Source={StaticResource objectDataProvider}}" Grid.RowSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" > 
        
                    </telerik:RadCarousel> 
        
                </Grid> 
        
            </Window>

c# Code:

    
            using System;  
        
            using System.Windows;  
        
            using System.Windows.Media;  
        
            using System.Windows.Shapes;  
        
            using System.Data.SqlClient;  
        
            using System.Data;  
        
            using Telerik.Windows.Controls;  
        
            namespace TelerikCarousel  
        
            {  
        
                /// <summary>  
        
                /// Interaction logic for Window1.xaml  
        
                /// </summary>  
        
                public partial class Window1 : Window  
        
                {  
        
                    public Window1()  
        
                    {  
        
                        InitializeComponent();  
        
                        //object itemsSource = radCarousel1.ItemsSource;  
        
                        this.radCarousel1.Loaded += new RoutedEventHandler(radCarousel1_Loaded);  
        
                    }  
        
                    void radCarousel1_Loaded(object sender, RoutedEventArgs e)  
        
                    {  
        
                        Path path = CreateLinePath();  
        
                        RadCarouselPanel panel = this.radCarousel1.FindCarouselPanel();  
        
                        panel.ItemsPerPage = 5;  
        
                        panel.Path = path;  
        
                        this.radCarousel1.ReflectionSettings.Visibility = Visibility.Visible;  
        
                        this.radCarousel1.ReflectionSettings.Opacity = 0.5;  
        
                    }  
        
                    private Path CreateLinePath()  
        
                    {  
        
                        Path newPath = new Path();  
        
                        PathFigureCollectionConverter figureConverter = new PathFigureCollectionConverter();  
        
                        object geometryFigures = figureConverter.ConvertFromString("M30,347 L307.5,347");  
        
                        PathGeometry newGeometry = new PathGeometry();  
        
                        newPath.Stretch = Stretch.Fill;  
        
                        BrushConverter brushConverter = new BrushConverter();  
        
                        newPath.Stroke = (Brush)brushConverter.ConvertFromString("#FF0998f8");  
        
                        newPath.StrokeThickness = 2;  
        
                        newGeometry.Figures = (PathFigureCollection)geometryFigures;  
        
                        newPath.Data = (Geometry)newGeometry;  
        
                        return newPath;  
        
                    }  
        
                    //public DataSet dataset = new DataSet("MedSpaImage");  
        
                    public DataTable dt = new DataTable("Medxx");  
        
                    public DataTable InserRow()  
        
                    {  
        
                        string myConnectionstring = "";  
        
                        if (myConnectionstring == "")  
        
                        {  
        
                            myConnectionstring = "Initial Catalog=MedSpa;Data Source=4DBQR61\\IMSERVER;Integrated Security=True";  
        
                        }  
        
                        try 
        
                        {  
        
                            SqlConnection myConnection = new SqlConnection(myConnectionstring);  
        
                            string myInsertQuery = "SELECT * FROM Testing";  
        
                            SqlCommand myCommand = new SqlCommand(myInsertQuery);  
        
                            myCommand.Connection = myConnection;  
        
                            SqlDataAdapter adapter = new SqlDataAdapter();  
        
                            myConnection.Open();  
        
                            adapter.SelectCommand = new SqlCommand(myInsertQuery, myConnection);  
        
                            adapter.Fill(dt);  
        
                            myCommand.ExecuteNonQuery();  
        
                            myCommand.Connection.Close();  
        
                        }  
        
                        catch (Exception ex)  
        
                        {  
        
                            MessageBox.Show(ex.ToString());  
        
                        }  
        
                        return dt;  
        
                    }  
        
                }  
        
            }

I am just playing with a datable. My ultimate goal would be to be able to databind in XAML the carousel with a property of type ObservableCollection<>. Is that even possible? Thanks

Carousel

answered on 03 Nov 2009

4 answers

144 views

IsResizable Property

HI Guys,

This really drives me nuts.

I have a radgridview control and I set the CanUserResizeColumns=True and for each column's setting I have set isResizable=True as well. However, I am still unable to resize the columns by dragging the mouse. Did I miss anything? When I place the mouse in between two columns' headers, I don't even see that 'line seperator'.

Thanks,

GridView

answered on 03 Nov 2009

2 answers

119 views

A Few Newbie Questions on GridView

Hi Everyone,

First of all - I'm new to telerik's controls, and I like what I see so far... great job!

I've started using the RadGridView control for a project of mine and encountered the following questions. I would greatly appreciate your help here:

1. How do I remove the left-most column (not a data column, whenever a row is selected it has a little right arrow in it)?

2. I've added a Combo column which works great, except for one little thing --- it is impossible to know that the column's cell is a combo box until the user actually double clicks on it. Is there a way to make it appear and respond as a combo box straight off?

3. Whenever a row is selected, I would like to display a set of content below it (description on the item, a list of other relevant items, etc.). How do I do this?

4. I've used a GroupDescription which works well, however, the value by which the rows are grouped does not appear in the group's title. What am I doing wrong?

Thank you for your help!

yonadav

GridView

answered on 03 Nov 2009