====== API: Data Controls ======

API-referenca za prikaze podataka i gridove.

===== TWvdSDataGrid =====

Moćni data-grid.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<DataGrid ItemsSource="{Binding Orders}"
          SelectedItem="{Binding SelectedOrder}"
          AutoGenerateColumns="False">
  <DataGrid.Columns>
    <TextColumn Header="Order ID" Binding="{Binding Id}" Width="80" />
    <TextColumn Header="Customer" Binding="{Binding CustomerName}" Width="*" />
    <DateColumn Header="Date" Binding="{Binding OrderDate}" />
    <NumberColumn Header="Total" Binding="{Binding Total}" Format="C2" />
  </DataGrid.Columns>
</DataGrid>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ ItemsSource | IEnumerable | nil | Izvor podataka |
^ SelectedItem | TObject | nil | Odabrani redak |
^ SelectedItems | IList | nil | Višestruki odabir |
^ Columns | TWvdSColumnCollection | nil | Definicija stupaca |
^ AutoGenerateColumns | Boolean | True | Auto-stupci |
^ CanUserSort | Boolean | True | Sortiranje dopušteno |
^ CanUserFilter | Boolean | True | Filtriranje dopušteno |
^ CanUserGroup | Boolean | False | Grupiranje dopušteno |
^ CanUserReorderColumns | Boolean | True | Premještanje stupaca |
^ CanUserResizeColumns | Boolean | True | Promjena veličine stupaca |
^ SelectionMode | TWvdSSelectionMode | smSingle | Single, Multiple, Extended |
^ RowHeight | Integer | 25 | Visina retka |
^ AlternatingRowBackground | TWvdSBrush | nil | Alternativna boja retka |

==== Tipovi stupaca ====

| Tip | Opis |
^ TextColumn | Tekstualni stupac |
^ NumberColumn | Numerički stupac s formatom |
^ DateColumn | Datumski stupac |
^ CheckBoxColumn | Boolean-stupac |
^ ComboBoxColumn | Dropdown-stupac |
^ TemplateColumn | Prilagođeni stupac |

==== Events ====

| Event | Signatura | Opis |
^ OnSelectionChanged | TSelectionChangedEvent | Odabir promijenjen |
^ OnCellClick | TCellClickEvent | Ćelija kliknuta |
^ OnRowDoubleClick | TRowEvent | Dvostruki klik na redak |
^ OnSortChanged | TSortEvent | Sortiranje promijenjeno |

==== TUI-napomena ====

<note>U TUI-targetu koristi se virtualizacija. Samo vidljivi reci se renderiraju.</note>

----

===== TWvdSTreeList =====

Hijerarhijski prikaz stabla sa stupcima.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<TreeList ItemsSource="{Binding Departments}"
          ChildrenPath="Children"
          ExpandedNodes="{Binding ExpandedDepts}">
  <TreeList.Columns>
    <TextColumn Header="Name" Binding="{Binding Name}" Width="*" />
    <NumberColumn Header="Employees" Binding="{Binding EmployeeCount}" />
  </TreeList.Columns>
</TreeList>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ ItemsSource | IEnumerable | nil | Root-podaci |
^ ChildrenPath | string | 'Children' | Putanja do djece |
^ SelectedNode | TObject | nil | Odabrani čvor |
^ ExpandedNodes | IList | nil | Prošireni čvorovi |
^ Columns | TWvdSColumnCollection | nil | Stupci |
^ ShowLines | Boolean | True | Linije povezivanja |
^ ShowRootLines | Boolean | True | Root-linije |

==== Events ====

| Event | Signatura | Opis |
^ OnNodeExpanding | TNodeEvent | Čvor se proširuje |
^ OnNodeCollapsing | TNodeEvent | Čvor se sužava |
^ OnSelectedNodeChanged | TNodeEvent | Odabir promijenjen |

----

===== TWvdSCardView =====

Kartični prikaz podataka.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<CardView ItemsSource="{Binding Products}"
          CardWidth="200" CardHeight="250">
  <CardView.CardTemplate>
    <StackPanel>
      <Image Source="{Binding ImageUrl}" Height="120" />
      <Label Text="{Binding Name}" FontWeight="Bold" />
      <Label Text="{Binding Price, StringFormat='€ {0:N2}'}" />
    </StackPanel>
  </CardView.CardTemplate>
</CardView>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ ItemsSource | IEnumerable | nil | Izvor podataka |
^ CardTemplate | TWvdSDataTemplate | nil | Predložak kartice |
^ CardWidth | Integer | 200 | Širina kartice |
^ CardHeight | Integer | 150 | Visina kartice |
^ Orientation | TWvdSOrientation | oHorizontal | Raspored |

----

===== TWvdSPivotGrid =====

Pivot-tablica za analizu podataka.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<PivotGrid DataSource="{Binding SalesData}">
  <PivotGrid.RowFields>
    <PivotField FieldName="Region" />
    <PivotField FieldName="Product" />
  </PivotGrid.RowFields>
  <PivotGrid.ColumnFields>
    <PivotField FieldName="Year" />
  </PivotGrid.ColumnFields>
  <PivotGrid.DataFields>
    <PivotField FieldName="Amount" SummaryType="Sum" />
  </PivotGrid.DataFields>
</PivotGrid>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ DataSource | IEnumerable | nil | Izvor podataka |
^ RowFields | TPivotFieldCollection | nil | Polja redaka |
^ ColumnFields | TPivotFieldCollection | nil | Polja stupaca |
^ DataFields | TPivotFieldCollection | nil | Polja podataka |
^ FilterFields | TPivotFieldCollection | nil | Polja filtra |

----

===== TWvdSVerticalGrid =====

Vertikalni property-grid.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<VerticalGrid SelectedObject="{Binding CurrentItem}">
  <VerticalGridRow Caption="Name" FieldName="Name" />
  <VerticalGridRow Caption="Description" FieldName="Description" RowType="Memo" />
  <VerticalGridRow Caption="Price" FieldName="Price" RowType="SpinEdit" />
</VerticalGrid>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ SelectedObject | TObject | nil | Objekt za uređivanje |
^ Rows | TVerticalGridRowCollection | nil | Definicija redaka |
^ CategoryMode | Boolean | False | Prikaži kategorije |

----

===== TWvdSBandedGridView =====

Grid s grupiranim stupcima.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<DataGrid ItemsSource="{Binding Data}" ViewType="Banded">
  <DataGrid.Bands>
    <Band Header="Personal Info">
      <TextColumn Header="Name" Binding="{Binding Name}" />
      <TextColumn Header="Email" Binding="{Binding Email}" />
    </Band>
    <Band Header="Address">
      <TextColumn Header="City" Binding="{Binding City}" />
      <TextColumn Header="Country" Binding="{Binding Country}" />
    </Band>
  </DataGrid.Bands>
</DataGrid>
</code>

----

===== TWvdSLayoutView =====

Formular-layout prikaz.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<DataGrid ItemsSource="{Binding Contacts}" ViewType="Layout">
  <DataGrid.LayoutTemplate>
    <LayoutGroup>
      <LayoutItem Caption="Name" FieldName="Name" />
      <LayoutItem Caption="Phone" FieldName="Phone" />
      <LayoutItem Caption="Notes" FieldName="Notes" RowSpan="2" />
    </LayoutGroup>
  </DataGrid.LayoutTemplate>
</DataGrid>
</code>

----

===== TWvdSWinExplorerView =====

Windows Explorer-nalik prikaz.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<DataGrid ItemsSource="{Binding Files}" ViewType="WinExplorer"
          ThumbnailField="Icon" TextField="Name"
          DescriptionField="Modified" />
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ ViewMode | TWvdSExplorerViewMode | evmList | ExtraLargeIcons, LargeIcons, MediumIcons, SmallIcons, List, Details, Tiles, Content |
^ ThumbnailField | string | '' | Polje za thumbnail |
^ TextField | string | '' | Polje za tekst |

----

===== TWvdSTileView =====

Pločice-prikaz za podatke.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== PXAML ====

<code xml>
<DataGrid ItemsSource="{Binding Items}" ViewType="Tile"
          TileWidth="150" TileHeight="100">
  <DataGrid.TileTemplate>
    <StackPanel>
      <Label Text="{Binding Title}" FontWeight="Bold" />
      <Label Text="{Binding Subtitle}" />
    </StackPanel>
  </DataGrid.TileTemplate>
</DataGrid>
</code>

----

===== TWvdSServerModeSource =====

Server-strana podatkovna izvor za velike skupove podataka.

==== Namespace ====

''WvdS.UI.Controls.Data''

==== Sintaksa ====

<code pascal>
TServerModeSource = class
  property KeyExpression: string;
  property QueryableSource: IQueryable;
  procedure Reload;
end;
</code>

==== Uporaba ====

<code pascal>
var
  Source: TWvdSServerModeSource;
begin
  Source := TWvdSServerModeSource.Create;
  Source.KeyExpression := 'Id';
  Source.OnFetch := @HandleFetch;
  DataGrid.ItemsSource := Source;
end;

procedure HandleFetch(Sender: TObject; Args: TFetchEventArgs);
begin
  Args.Result := QueryDatabase(Args.Skip, Args.Take, Args.SortInfo);
end;
</code>

----

===== Vidi također =====

  * [[.:control-bibliothek|Biblioteka kontrola]]
  * [[.:api-controls-editors|Editor Controls API]]
  * [[.:api-controls-charts|Charts API]]