Jaa


Panel kontrolli (kokeellinen)

[Tämä artikkeli sisältää julkaisua edeltävää materiaalia ja voi muuttua.]

Sisällön ryhmittelyyn käytetty ohjausobjekti.

Panel-ohjausobjekti

Tärkeä

  • Tämä on kokeellinen ominaisuus.
  • Kokeiluversion ominaisuuksia ei ole tarkoitettu tuotantokäyttöön, ja niiden toiminnallisuus voi olla rajoitettu. Nämä toiminnot ovat käytettävissä ennen virallista julkaisua, jotta asiakkaat voivat käyttää niiden ennakkojulkaisua ja antaa palautetta.

Description

Paneelit ovat peitto-objekteja, jotka sisältävät lisäsisältöä ja joita käytetään monitasoisten luonti-, muokkaus- tai hallintakokemusten luomiseen, esimerkiksi luettelon kohteen tietojen tarkastelemiseen tai asetusten muokkaamiseen.

Pohjaan perustuva sovellus matkii Fluent UI:n Panel-ohjausobjektin tyyliä ja toimintaa.

Ominaisuudet

Tärkeimmät ominaisuudet

Ominaisuus Description
Buttons Painikkeet määrittävä tietojoukko.
Title Otsikko-osassa näkyvä teksti.
Subtitle Valinnainen. Otsikon alla näytetty teksti.
DialogWidth Paneelin leveys.
ContentX Sisältöalueen X-koordinaatti.
ContentY Sisältöalueen Y-koordinaatti.
ContentWidth Paneelin sisältöalueen leveys.
ContentHeight Paneelin sisältöalueen korkeus.

Buttons Majoituspaikkaa

Ominaisuus Description
Label Painikkeessa näkyvä selite
ButtonType Painikkeen tyylin määrittävä luettelointi. Valitse Standard tai Primary
Table(
  {
    Label: "Cancel",
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Standard 
  },{
    Label: "Ok", 
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Primary
  }
)

Tyylin ominaisuudet

Ominaisuus Description
Overlay Color Peittoalueella näkyvä väri.
DialogWidth Paneelin leveys (joka on eri asia kuin ohjausobjektin leveys, jonka pitäisi olla yhtä leveä kuin sovellus).
Position of the panel Right- tai Left-tekstiarvon antaminen ilmaisemaan, mille puolelle näyttöä paneeli hahmonnetaan.
Theme Teema-objekti. Tämän kentän jättäminen tyhjäksi hahmontaa oletusarvoisen Power Apps -teeman. Katso määritysohjeet kohdasta Teemat.

Tapahtuman ominaisuudet

Ominaisuus Description
OnCloseSelect Toimintolauseke, joka suoritetaan, kun sulkemispainike valitaan.
OnButtonSelect Toimintolauseke, joka suoritetaan, kun jokin toimintopainike valitaan.

Toiminta

Paneelin näkyvyyden määrittäminen

Panel-ohjausobjektin näkyvyyttä voidaan vaihtaa totuusarvotyyppisen muuttujan (true/false) avulla.

  1. Käytä seuraavaa Power Fx -kaavaa näyttääksesi valintaikkunan (esim. painikeohjausobjektin OnSelect-ominaisuus):

    UpdateContext({ showHideDialog: true })
    
  2. Määritä Panel-ohjausobjektiin seuraavat arvot:

    Ominaisuus Arvo
    OnCloseSelect UpdateContext({ showHideDialog: false })
    Visible showHideDialog

Painikkeen toimintojen määrittäminen

Toiminnon määrittäminen antamalla paneelin OnButtonSelect-ominaisuudessa If()- tai Switch()-ehdon toiminnot Self.SelectedButton.Label-tekstiarvon perusteella. Riippuen toiminnosta, Panel piilotetaan usein toiminnon suorittamisen jälkeen.

Switch( Self.SelectedButton.Label,
  "Ok", Notify("The Ok button was pressed.");
);

// Closes the panel
UpdateContext({ showHideDialog: false })

Paneelin sisällön muotoileminen

Liitä Panel-ohjausobjektin sisällön ominaisuuksiin säilö asettaaksesi sisällön oikeaan kohtaan näyttöä. Muista liittää säilön näkyvyys Panel-ohjausobjektiin.

Ohjeet sisällön muotoilemiseen paneelissa:

  1. Lisää Panel (esimerkkinimi: cmp_panel)

  2. Lisää säilö (esimerkkinimi: c_panelContent)

  3. Muokkaa c_panelContent-säilön seuraavia ominaisuuksia:

    Ominaisuus Arvo
    X cmp_panel.ContentX
    Y cmp_panel.ContentY
    Width cmp_panel.ContentWidth
    Height cmp_panel.ContentHeight
    Visible cmp_panel.Visible

Rajoitukset

Tätä pohjaan perustuvaa komponenttia voi käyttää vain pohjaan perustuvissa sovelluksissa ja mukautetuilla sivuilla.