Väärtuste asemel loendivaadetes kohandatud ikoonide kuvamine

Kehtib rakendustes PowerApps ja Dynamics 365 (veebiversioon), versioon 9.x

Administraatorid ja kohandajad saavad lisada vaatele graafikat ja luua loogika, mida kasutatakse graafika valimiseks veeruväärtuste põhjal JavaScripti kasutades. Võimalus kuvada mõnes veerus ikoone, mitte teksti- või arvväärtusi, võeti kasutusele suhtluse ülevaadetes.

Märkus

Ruudustiku ikoone näidatakse ainult veebiliideses. Neid ei kuvata Outlookis ega mobiilirakenduses.

Kohandatud graafika ja JavaScripti lisamine veebiressurssidena

  1. Kohandamiseks vajalike uute graafikafailide loomine. Soovitame ikooni suurust 16 × 16 pikslit (suuremaid pilte vähendatakse).

  2. Kirjutage mõni JavaScripti funktsioon, mis paneb paika, milliseid ikoone milliste väärtuste puhul näidata (tavaliselt on vaja ühte funktsiooni iga veeru kohta, mida kohandada soovite). Iga funktsioon peab aktsepteerima sisendina rea andmeobjekti ja keele (LCID) koodi ja tagastama massiivi, mis sisaldab kujutise nime ja kohtspikri teksti. Näidisfunktsioonina vaadake funktsiooni JavaScripti näidisfunktsioon selle teema edasises osas.

  3. Logige oma keskkonda administraatorina sisse ja avage lahenduste uurija.

  4. Avaneb hüpikaken Vaikelahendus. Liikuge siin jaotisse Komponendid > Veebiressursid.

  5. Nüüd saate laadida oma kohandatud graafika ühekaupa veebiressurssidena üles. Valige tööriistaribalt nupp Uus uue veebiressursi loomiseks. Avaneb teine hüpikaken, mis aitab teil ressurssi luua. Toimige järgmiselt.

    1. Andke uuele ressursile kirjeldav Nimi. See on nimi, mida kasutate oma JavaScript koodis igale graafikale viitamiseks.

    2. Määrake Tüüp graafikavormingule, mida graafikafaili salvestamiseks kasutasite (PNG, JPEG või GIF).

    3. Valige Vali fail failibrauseri akna avamiseks. Kasutage seda graafikafaili otsimiseks ja valimiseks.

    4. Lisage soovi korral Kuvatav nimi ja/või Kirjeldus.

    5. Valige Salvesta ja seejärel sulgege aken Veebiressurss.

  6. Korrake eelmist toimingut iga graafikafailiga, mis teil on.

  7. Nüüd saate lisada oma JavaScripti lõpliku veebiressursina. Valige tööriistaribalt Uus uue veebiressursi loomiseks. Avaneb teine hüpikaken, mis aitab teil ressurssi luua. Toimige järgmiselt.

    1. Andke uuele ressursile kirjeldav Nimi.

    2. Määrake valiku Tüüp väärtuseks Skript (JScript).

    3. Valige Tekstiredaktor (sätte Tüüp kõrval) tekstiredaktori akna avamiseks. Kleepige oma Javascripti kood siia ja valige selle salvestamiseks OK.

    4. Lisage soovi korral Kuvatav nimi ja/või Kirjeldus.

    5. Valige Salvesta ja seejärel sulgege aken Veebiressurss.

  8. Hoides hüpikakna Vaikelahendus endiselt lahti, laiendage puud Komponendid > Olemid ja otsige üles olem, mida kohandada soovite.

  9. Laiendage oma olemit ja valige selle ikoon Vaated.

  10. Nüüd näete oma valitud olemi vaadete loendit. Valige loendist vaade. Seejärel avage tööriistaribal ripploend Veel toiminguid ja valige Redigeeri.

  11. Avaneb hüpikaken nuppudega valitud vaate redigeerimiseks. See näitab iga veergu, mis vaatesse kuulub. Valige sihtveerg ja seejärel Muuda atribuute väljal Tavalised tööülesanded. Avaneb dialoog Veeruatribuutide muutmine; tehke siin järgmised seadistused.

    • Veebiressurss: määrake veebiressursi nimi, mille lõite oma JavaScripti funktsioonide hoidmiseks (valige Sirvi loendist valimiseks).

    • Funktsiooni nimi: sisestage funktsiooni nimi, mille kirjutasite valitud veeru ja vaate muutmiseks.

  12. Dialoogiboksi Veeru atribuutide muutmine sulgemiseks valige OK.

  13. Vaate salvestamiseks valige Salvesta ja sule.

  14. Korrake neid toiminguid iga olemi, vaate ja veeru puhul, nagu vaja.

  15. Kui olete valmis, valige Avalda kõik kohandused muudatuste avaldamiseks. Seejärel sulgege hüpikaken Vaikelahendus.

JavaScripti näidisfunktsioon

JavaScripti funktsioon kohandatud ikoonide ja kohtspikrite kuvamiseks eeldab kahte järgmist argumenti: terve reaobjekt, mis on määratletud failis layoutxml, ja helistava kasutaja lokaadi ID (LCID). Parameeter LCID võimaldab määrata kohtspikri teksti mitmes keeles. Lisateavet keskkonnas toetatud keelte kohta vaadake teemadest Keelte lubamine ja Keelepakettide installimine või täiendamine rakenduses Dynamics 365. Loendi lokaadi ID (LCID) väärtustest, mida oma koodis kasutada saate, leiate jaotisest Microsofti määratud lokaadi ID-d.

Eeldades, et lisate kohandatud ikoone atribuudi suvandikogumi tüübi kohta, millel on piiratud hulk eelmääratud suvandeid, veenduge, et kasutate sildi asemel suvandite täisarvulist väärtust, et vältida lokaliseerimise probleeme.

Järgmine näidiskood kuvab ikoonid ja kohtspikrid ühe põhjal kolmest väärtusest (1: Hot, 2: Warm, 3: Cold) atribuudis opportunityratingcode (hinnang). Näidiskood näitab ka seda, kuidas lokaliseeritud kohtspikri teksti kuvada. Selleks, et see näida toimiks, tuleb luua kolm kujutise veebiressurssi kujutistega 16 × 16 järgmiste nimedega new_Hot, new_Warm ja new_Cold.

function displayIconTooltip(rowData, userLCID) {      
    var str = JSON.parse(rowData);  
    var coldata = str.opportunityratingcode_Value;  
    var imgName = "";  
    var tooltip = "";  
    switch (parseInt(coldata,10)) { 
        case 1:  
            imgName = "new_Hot";  
            switch (userLCID) {  
                case 1036:  
                    tooltip = "French: Opportunity is Hot";  
                    break;  
                default:  
                    tooltip = "Opportunity is Hot";  
                    break;  
            }  
            break;  
        case 2:  
            imgName = "new_Warm";  
            switch (userLCID) {  
                case 1036:  
                    tooltip = "French: Opportunity is Warm";  
                    break;  
                default:  
                    tooltip = "Opportunity is Warm";  
                    break;  
            }  
            break;  
        case 3:  
            imgName = "new_Cold";  
            switch (userLCID) {  
                case 1036:  
                    tooltip = "French: Opportunity is Cold";  
                    break;  
                default:  
                    tooltip = "Opportunity is Cold";  
                    break;  
            }  
            break;  
        default:  
            imgName = "";  
            tooltip = "";  
            break;  
    }  
    var resultarray = [imgName, tooltip];  
    return resultarray;  
}  

Selle tagajärjel kuvatakse veerus Hinnang kohtspikritega ikoonid, mis sõltuvad iga rea väärtusest. Tulemus võib välja näha selline:

Kohandatud veeru graafika näide

Vt ka

Vaadete loomine või redigeerimine