Skip to main content

Silverlight 5 Datagrid xaml binding

Let see how to look our datagrid



it is very simple, as a data source  i just use a _listObj of my class. and bind the grid column with my class attribute.


  <sdk:DataGrid SelectedItem="{Binding Path=SelectedStudent,Mode=TwoWay}" ItemsSource="{Binding Path= StudentList,Source={StaticResource OutSouceItemList}, Mode=TwoWay}" CanUserResizeColumns="False" AutoGenerateColumns="False" ColumnWidth="*" Name="dgStudentList" VerticalScrollBarVisibility="Visible" MaxHeight="Infinity" >  
           <sdk:DataGrid.Columns>  
             <sdk:DataGridTextColumn Visibility="Collapsed" Binding="{Binding StudentId}" CanUserReorder="False" CanUserResize="False" CanUserSort="False" Width="*" />  
             <sdk:DataGridTextColumn Header="First name" Binding="{Binding FirstName}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Width="*" />  
             <sdk:DataGridTextColumn Header="Last Name" Binding="{Binding LastName}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Width="*" />  
             <sdk:DataGridTextColumn Header="Father name" Binding="{Binding FatherName}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Width="*" />  
             <sdk:DataGridTextColumn Header="Mother Name" Binding="{Binding MotherName}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Width="*" />  
             <sdk:DataGridTextColumn Header="Country" Binding="{Binding Country}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Width="*" />  
             <sdk:DataGridTemplateColumn x:Name="Edit" Width="*" Header="Edit" CanUserResize="False" CanUserReorder="False" CanUserSort="False">  
               <sdk:DataGridTemplateColumn.CellTemplate>  
                 <DataTemplate>  
                   <StackPanel>  
                     <HyperlinkButton Content=" " Command="{Binding SaveCommand}">  
                       <HyperlinkButton.Background>  
                         <ImageBrush ImageSource="/GoStudyBD_SLV;component/Assets/Images/edit_icon.png"></ImageBrush>  
                       </HyperlinkButton.Background>  
                     </HyperlinkButton>  
                   </StackPanel>  
                 </DataTemplate>  
               </sdk:DataGridTemplateColumn.CellTemplate>  
             </sdk:DataGridTemplateColumn>  
             <sdk:DataGridTemplateColumn x:Name="Delete" Width="*" Header="Delete" CanUserResize="False" CanUserReorder="False" CanUserSort="False">  
               <sdk:DataGridTemplateColumn.CellTemplate>  
                 <DataTemplate>  
                   <StackPanel>  
                     <HyperlinkButton Content=" " Command="{Binding Source={StaticResource OutSouceItemList}, Path=DeleteCommand}" CommandParameter="{Binding}" IsEnabled="{Binding Path=IsEnabled,Mode=TwoWay}" >  
                       <HyperlinkButton.Background>  
                         <ImageBrush ImageSource="/GoStudyBD_SLV;component/Assets/Images/delete_icon.png"></ImageBrush>  
                       </HyperlinkButton.Background>  
                     </HyperlinkButton>  
                   </StackPanel>  
                 </DataTemplate>  
               </sdk:DataGridTemplateColumn.CellTemplate>  
             </sdk:DataGridTemplateColumn>  
           </sdk:DataGrid.Columns>  
         </sdk:DataGrid>  


here i use MVVM you can also download the code.

https://skydrive.live.com/?cid=dbc6b335a854cc0e#cid=DBC6B335A854CC0E&id=DBC6B335A854CC0E%212389

Comments

Popular posts from this blog

WPF datagrid cell textbox change event

Entity/Class: public class FeesDetails : INotifyPropertyChanged { public int Id { get; set; } public string FeesName { get; set;} public string FeesDetailsName { get; set; } public int? PaidAmount { get; set; } public event PropertyChangedEventHandler PropertyChanged; private void NotifyPropertyChanged(System.String info) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(info)); } } public int feesAmount { get; set; } public int FeesAmount { get { return this.feesAmount; } set { if (value != this.feesAmount) { this.feesAmount = value; NotifyPropertyChanged("FeesAmount"); } } } } XAML: <DataGrid AutoGenerateColumns="False" Height="21...

mvc razor textboxfor change event change another textboxfor value

Based on value of Weight, Rate , CNF & AWB it will change the value of Freight , TTLCNF anfd TTLFright . Freight= Weight*Rate; TTLCNF  = Weight*CNF; TTLFright=  Freight+ TTLCNF  + AWB; @Html.TextBoxFor(model => model.Weight, new { onChange="return GetWight(this);"}) @Html.TextBoxFor(model => model.Rate, new { onChange="return GetWight(this);"})/Kg @Html.TextBoxFor(model => model.Freight, new {disabled = "disabled" , @readonly = "readonly" ,onChange="return GetTTLFright(this);"}) @Html.TextBoxFor(model => model.CNFPK, new { onChange="return GetCNFPK(this);"}) @Html.TextBoxFor(model => model.TTLCNF, new {disabled = "disabled" , @readonly = "readonly",onChange="return GetTTLFright(this);" }) @Html.TextBoxFor(model => model.AWB, new { onChange="return GetTTLFright(this);"}) and script <script> function GetW...

mvvm double click event in listview

If you want to get the double click event on a listview item you can try with this code; <ListView Grid.Row="0" Grid.RowSpan="3" Grid.Column="0" Width="250" Height="200" HorizontalAlignment="Stretch" VerticalAlignment="Top" AlternationCount="2" BorderBrush="#FFA8CC7B" ItemContainerStyle="{StaticResource alternatingStyle}" ItemsSource="{Binding FromPayerNameList}" SelectedItem="{Binding SelectedFromPayer, Mode=TwoWay}"> <ListView.ItemTemplate> <DataTemplate> <TextBlock Width="{Binding Path=ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}}" Text=...