TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
d
NA
3
4.6k
Trouble with autocompletebox in a datagrid for silverlight 4
Sep 21 2011 1:56 PM
Hello, I'm new to silverlight and I am tasked with changing the datagrid textcolumns to autocomplete boxes. I can bind the data from a list easy enough outside of a datagrid but I am unable to locate a simple example of how to do it within a datagrid.
I appreciate anyone's input.
Thanks in advance.
code is below
Xaml:
<
UserControl
xmlns
:
telerik
="http://schemas.telerik.com/2008/xaml/presentation"
xmlns
:
sdk
="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
xmlns
:
toolkit
="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
x
:
Class
="AccordionAutoCompleteBox.MainPage"
xmlns
=
http://schemas.microsoft.com/winfx/2006/xaml/presentation
xmlns
:
x
=
http://schemas.microsoft.com/winfx/2006/xaml
xmlns
:
d
=
http://schemas.microsoft.com/expression/blend/2008
xmlns
:
mc
=
http://schemas.openxmlformats.org/markup-compatibility/2006
mc
:
Ignorable
="d"
d
:
DesignHeight
="680"
d
:
DesignWidth
="1240">
<
Grid
x
:
Name
="LayoutRoot"
Background
="White">
<
StackPanel
VerticalAlignment
="Center">
<
toolkit
:
AccordionItem
x
:
Name
="AccordionItem2"
FontSize
="12"
Background
="LightBlue"
BorderBrush
="Wheat"
HorizontalAlignment
="Stretch"
VerticalAlignment
="Stretch"
IsSelected
="False"
MaxHeight
="400">
<
sdk
:
DataGrid
Name
="AccordionGrid"
ItemsSource
="{
Binding
ExpData
}"
AutoGenerateColumns
="False"
HorizontalAlignment
="Stretch"
VerticalAlignment
="Stretch"
HeadersVisibility
="All"
BorderThickness
="1"
Margin
="8"
SelectionMode
="Single"
Canvas.ZIndex
="-1"
MaxHeight
="360">
<
sdk
:
DataGrid.Columns
>
<
sdk
:
DataGridTemplateColumn
Header
="Exp">
<
sdk
:
DataGridTemplateColumn.CellTemplate
>
<
DataTemplate
>
<
sdk
:
AutoCompleteBox
x
:
Name
="AutoCompGrid"
Text
="{
Binding
Exp
,
Mode
=TwoWay}"
ItemsSource
="{
Binding
Exp
}"
IsTextCompletionEnabled
="True" />
</
DataTemplate
>
</
sdk
:
DataGridTemplateColumn.CellTemplate
>
</
sdk
:
DataGridTemplateColumn
>
<
sdk
:
DataGridTextColumn
Header
="Exp"
Binding
="{
Binding
Exp
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Desc"
Binding
="{
Binding
Desc
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Prod"
Binding
="{
Binding
Prod
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Source"
Binding
="{
Binding
Source
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Start"
Binding
="{
Binding
Start
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Reset"
Binding
="{
Binding
Reset
}"
IsReadOnly
="False" />
<
sdk
:
DataGridTextColumn
Header
="Amt"
Binding
="{
Binding
Amt
}"
IsReadOnly
="False" />
</
sdk
:
DataGrid.Columns
>
</
sdk
:
DataGrid
>
</
toolkit
:
AccordionItem
>
<
sdk
:
AutoCompleteBox
x
:
Name
="AutoCompGrid2"
Text
="{
Binding
Exp
}"
ItemsSource
="{
Binding
Exp
}"
IsTextCompletionEnabled
="False" />
</
StackPanel
>
</
Grid
>
</
UserControl
>
CodeBehind
namespace AccordionAutoCompleteBox
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
List<ExpData> myList = new List<ExpData>
{
new ExpData
{Exp = "cell 1",
Desc = "cell 2",
Prod = "cell 3",
Source = "cell 4",
Start = "cell 5",
Amt = "cell 6",
Reset = "cell 7"},
new ExpData
{Exp = "cell 8",
Desc = "cell 9",
Prod = "cell 10",
Source = "cell 11",
Start = "cell 12",
Amt = "cell 13",
Reset = "cell 14"}
};
AccordionGrid.ItemsSource = myList;
AutoCompGrid2.ItemsSource = myList;
this.AccordionItem2.Header = " Accordion Header ";
}
}
public class ExpData
{
public String Exp { get; set; }
public String Desc { get; set; }
public String Prod { get; set; }
public String Source { get; set; }
public String Start { get; set; }
public String Reset { get; set; }
public String Amt { get; set; }
public ExpData(String exp, string desc, string prod, string source, string start, String reset, String amt)
{
Exp = exp;
Desc = desc;
Prod = prod;
Source = source;
Start = start;
Reset = reset;
Amt = amt;
}
public override string ToString()
{
return Exp;
}
Reply
Answers (
4
)
How to redirect to another .xaml in silverlight application
What browsers does Silverlight run in and what browsers and versions of browsers does Silverlight not run in?