Silverlight: добавление TabItems в TabControl динамически со стандартным ContentTemplate для всех вкладок - PullRequest
Новая
       7

Silverlight: добавление TabItems в TabControl динамически со стандартным ContentTemplate для всех вкладок

1 голос
/ 23 октября 2010

Я хотел бы добавить TabItems в TabControl динамически со стандартным ContentTemplate, состоящим из сетки и нескольких других элементов управления вводом, таких как текстовое поле и кнопка. Может кто-нибудь, пожалуйста, помогите мне достичь этого?

Кроме того, если я попытаюсь загрузить данные из службы WCF асинхронно в сетку, это определенно приведет к задержке во времени. Итак, как мне точно привязать данные к правой сетке, даже если выбранная вкладка отличается? (Проблема здесь в том, как найти правильный элемент управления сеткой для привязки)

1 Ответ

1 голос
/ 23 октября 2010

Используйте этот производный класс MyTabControl: http://pastebin.mozilla.org/1040446

Если ссылка не работает, вот этот класс как ответ на другой вопрос.

Xaml: 

<my:MyTabControl MyItemsSource="{Binding Pages}" MySelectedItem="{Binding CurrentPage, Mode=TwoWay}">
  <my:MyTabControl.TabItemTemplate>
    <DataTemplate>
        <Grid>
          <Grid.ColumnDefinitions>
            <ColumnDefinition Height="Auto" />
            <ColumnDefinition Height="Auto" />
          </Grid.ColumnDefinitions>
          <TextBox Text="{Binding SomeText1, Mode=TwoWay}"/>
          <Button Content="Button" Command="{Binding SomeCommand}" Grid.Column="1"/>
        </Grid>
    </DataTemplate>
  </my:MyTabControl.TabItemTemplate>
  <my:MyTabControl.TabHeaderItemTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding Title}" />
    </DataTemplate>
  </my:MyTabControl.TabHeaderItemTemplate>
</my:MyTabControl>

ViewModel: 

public class TabItemModel : INotifyPropertyChanged
{
    public string Title {get; set;}
    private string someText1;
    public string SomeText1
    {
        get { return someText1; }
        set
        {
            someText1 = value;
            OnPropertyChanged("SomeText1");
        }
    }
    public ICommand SomeCommand {get; set;}
    //...
}

public class MainViewModel
{
    public MainViewModel
    {
        this.Pages = new ObservableCollection<TabItemModel>();
        this.Pages.Add(new TabItemModel{Title="Title1", SomeText1="Text1"});
        this.Pages.Add(new TabItemModel{Title="Title2", SomeText1="Text2"});
    }

    public ObservableCollection<TabItemModel> Pages {get; set;}
    //selected tab is different
    public TabItemModel CurrentPage {get; set;}

    public void SomeDataFromService()
    {
        //bind the data to the right grid
        var ti = this.Pages.FirstOrDefault(p => p.Title == "Title2");
        if(ti != null)
            ti.SomeText1 = "Text from service";
    }
}

И наконец: 

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        this.DataContext = new MainViewModel();
    }
}
...