Sdílet prostřednictvím

Postupy: Přidání vlastního ovládacího prvku na obrazovku HTML pro aplikaci LightSwitch

  • Článek

Můžete přidat vlastní ovládací prvky jazyka HTML na obrazovce klienta pro LightSwitch aplikace.Použijete-li vlastní ovládací prvky, můžete zobrazit nebo shromažďování informací způsobem, který je nad rámec možností vestavěné ovládací prvky jazyka HTML pro LightSwitch.

Odkazování na vlastní ovládací prvky

Chcete-li použít vlastní ovládací prvek na obrazovce, musíte nejprve přidat do projektu odkaz na soubor a potom přidat značky script na soubor default.htm.

Chcete-li odkazovat na vlastní ovládací prvek

  1. V Průzkumníku, zvolte Zobrazení souboru ze seznamu na panelu nástrojů.

  2. Otevření místní nabídky pro skripty složku, zvolte Přidata pak zvolte Existující položku.

  3. Zvolte soubor jazyka JavaScript (JS) pro vlastní ovládací prvek a pak zvolte Přidat tlačítko.

    [!POZNÁMKA]

    Některé vlastní ovládací prvky vyžadují odkazovat také další podpůrné soubory.V dokumentaci pro vlastní ovládací prvek pro všechny požadavky.

  4. V <script> část default.htm soubor projektu, přidejte značky script, který se podobá následujícímu příkladu kde MůjOvládacíPrvek je název vlastního ovládacího prvku:

    <script type=”text/javascript” src=”Scripts/MyControl.js” charset=”utf-8”></script>

Přidání nových ovládacích prvků a nahrazení existujících ovládacích prvků

Můžete přidat nové vlastní ovládací prvek do obrazovky nebo nahradit existující ovládací prvek HTML v LightSwitch.

Přidání vlastního ovládacího prvku na obrazovku

  1. V Stromu obsahu obrazovky, zvolte libovolnou skupinu.

  2. Na Návrhář obrazovky nástrojů, v Přidat položku rozložení seznam, zvolte Vlastní ovládací prvek.

    Přidat vlastní ovládací prvek otevře se dialogové okno.

  3. V zadat data pro nové vlastní ovládací prvek text zadejte položku nebo kolekce vázat na ovládací prvek.

    Například zadejte Customers.selectedItem.PostalCode navázat na poštovní směrovací číslo zákazníka, nebo zadejte Customers.selectedItem svázat celý zákazníkovi.

  4. Přidejte kód, který váže data na konkrétní vlastnost ovládacího prvku.

    Další informace naleznete v tématu Vazby dat vlastnost ovládacího prvku vlastní dále v tomto tématu.

Chcete-li nahradit existující ovládací prvek vlastního ovládacího prvku

  1. V Stromu obsahu obrazovky, vyberte ovládací prvek, který chcete nahradit.

  2. V Vlastnosti okno otevřené Typ ovládacího prvku seznam a pak zvolte Vlastní ovládací prvek.

  3. Přidejte kód, který váže data na konkrétní vlastnost ovládacího prvku.

    Další informace naleznete v tématu Vazby dat vlastnost ovládacího prvku vlastní dále v tomto tématu.

Vazba dat na vlastnost vlastního ovládacího prvku

Je nutné vytvořit vazbu dat zadaných v dialogovém okně Přidat vlastní ovládací prvek na specifickou vlastnost ovládacího prvku.

Vazba dat na vlastnost vlastního ovládacího prvku

  1. V Stromu obsahu obrazovky, zvolte vlastní ovládací prvek.

  2. V Vlastnosti okna, zvolte Úpravy kódu vykreslení hypertextový odkaz.

  3. V editoru kódu přidejte kód, který se podobá následující příklad metody vykreslení:

    createMyControl(element, contentItem, “max-width: 300px; max-height: 300px”);

    Tento kód vykresluje ovládací prvek v době běhu.Nahradit MyControl s názvem ovládacího prvku a změnit max-height a max-width parametry podle potřeby.

  4. Přidání kódu pro všechny další funkce, která vyžaduje ovládací prvek.V dokumentaci pro vlastní ovládací prvek pro všechny požadavky.

Viz také

Další zdroje

Obrazovky klienta HTML pro aplikace LightSwitch