UNPKG

node-red-trexmes-service

Version:
2,082 lines (859 loc) 111 kB
<!doctype html> <html lang="tr" class="no-js"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="trexMes Edge sistemleri icin Node-RED servis node paketi dokumantasyonu"> <meta name="author" content="Asaf Yurdakul"> <link rel="canonical" href="https://asafyurdakul.github.io/node-red-trexmes-service/ornekler/custom-form-akisi/"> <link rel="prev" href="../temel-akis/"> <link rel="next" href="../buton-konfigurasyonu/"> <link rel="icon" href="../../assets/images/favicon.png"> <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.21"> <title>Custom Form Akisi - node-red-trexmes-service</title> <link rel="stylesheet" href="../../assets/stylesheets/main.2a3383ac.min.css"> <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback"> <style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style> <link rel="stylesheet" href="../../stylesheets/extra.css"> <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script> </head> <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="green" data-md-color-accent="light-green"> <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off"> <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off"> <label class="md-overlay" for="__drawer"></label> <div data-md-component="skip"> <a href="#ornek-custom-form-aks" class="md-skip"> Ana içeriğe geç </a> </div> <div data-md-component="announce"> </div> <header class="md-header md-header--shadow md-header--lifted" data-md-component="header"> <nav class="md-header__inner md-grid" aria-label="Başlık"> <a href="../.." title="node-red-trexmes-service" class="md-header__button md-logo" aria-label="node-red-trexmes-service" data-md-component="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg> </a> <label class="md-header__button md-icon" for="__drawer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg> </label> <div class="md-header__title" data-md-component="header-title"> <div class="md-header__ellipsis"> <div class="md-header__topic"> <span class="md-ellipsis"> node-red-trexmes-service </span> </div> <div class="md-header__topic" data-md-component="header-topic"> <span class="md-ellipsis"> Custom Form Akisi </span> </div> </div> </div> <form class="md-header__option" data-md-component="palette"> <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="green" data-md-color-accent="light-green" aria-label="Koyu temaya gec" type="radio" name="__palette" id="__palette_0"> <label class="md-header__button md-icon" title="Koyu temaya gec" for="__palette_1" hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg> </label> <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="green" data-md-color-accent="light-green" aria-label="Acik temaya gec" type="radio" name="__palette" id="__palette_1"> <label class="md-header__button md-icon" title="Acik temaya gec" for="__palette_0" hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg> </label> </form> <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script> <label class="md-header__button md-icon" for="__search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg> </label> <div class="md-search" data-md-component="search" role="dialog"> <label class="md-search__overlay" for="__search"></label> <div class="md-search__inner" role="search"> <form class="md-search__form" name="search"> <input type="text" class="md-search__input" name="query" aria-label="Ara" placeholder="Ara" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required> <label class="md-search__icon md-icon" for="__search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg> </label> <nav class="md-search__options" aria-label="Ara"> <a href="javascript:void(0)" class="md-search__icon md-icon" title="Paylaş" aria-label="Paylaş" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg> </a> <button type="reset" class="md-search__icon md-icon" title="Temizle" aria-label="Temizle" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </button> </nav> <div class="md-search__suggest" data-md-component="search-suggest"></div> </form> <div class="md-search__output"> <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix> <div class="md-search-result" data-md-component="search-result"> <div class="md-search-result__meta"> Arama başlatılıyor </div> <ol class="md-search-result__list" role="presentation"></ol> </div> </div> </div> </div> </div> <div class="md-header__source"> <a href="https://github.com/asafyurdakul/node-red-trexmes-service" title="Depoya git" class="md-source" data-md-component="source"> <div class="md-source__icon md-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg> </div> <div class="md-source__repository"> asafyurdakul/node-red-trexmes-service </div> </a> </div> </nav> <nav class="md-tabs" aria-label="Sekmeler" data-md-component="tabs"> <div class="md-grid"> <ul class="md-tabs__list"> <li class="md-tabs__item"> <a href="../.." class="md-tabs__link"> Ana Sayfa </a> </li> <li class="md-tabs__item"> <a href="../../baslangic/" class="md-tabs__link"> Baslangic </a> </li> <li class="md-tabs__item"> <a href="../../nodlar/" class="md-tabs__link"> Node Referansi </a> </li> <li class="md-tabs__item md-tabs__item--active"> <a href="../" class="md-tabs__link"> Ornekler </a> </li> <li class="md-tabs__item"> <a href="../../sss/" class="md-tabs__link"> SSS </a> </li> <li class="md-tabs__item"> <a href="../../degisiklik-gunlugu/" class="md-tabs__link"> Surum Notlari </a> </li> </ul> </div> </nav> </header> <div class="md-container" data-md-component="container"> <main class="md-main" data-md-component="main"> <div class="md-main__inner md-grid"> <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" > <div class="md-sidebar__scrollwrap"> <div class="md-sidebar__inner"> <nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigasyon" data-md-level="0"> <label class="md-nav__title" for="__drawer"> <a href="../.." title="node-red-trexmes-service" class="md-nav__button md-logo" aria-label="node-red-trexmes-service" data-md-component="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg> </a> node-red-trexmes-service </label> <div class="md-nav__source"> <a href="https://github.com/asafyurdakul/node-red-trexmes-service" title="Depoya git" class="md-source" data-md-component="source"> <div class="md-source__icon md-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg> </div> <div class="md-source__repository"> asafyurdakul/node-red-trexmes-service </div> </a> </div> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../.." class="md-nav__link"> <span class="md-ellipsis"> Ana Sayfa </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" > <div class="md-nav__link md-nav__container"> <a href="../../baslangic/" class="md-nav__link "> <span class="md-ellipsis"> Baslangic </span> </a> <label class="md-nav__link " for="__nav_2" id="__nav_2_label" tabindex="0"> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_2"> <span class="md-nav__icon md-icon"></span> Baslangic </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../baslangic/kurulum/" class="md-nav__link"> <span class="md-ellipsis"> Kurulum </span> </a> </li> <li class="md-nav__item"> <a href="../../baslangic/hizli-baslangic/" class="md-nav__link"> <span class="md-ellipsis"> Hizli Baslangic </span> </a> </li> <li class="md-nav__item"> <a href="../../baslangic/mimari/" class="md-nav__link"> <span class="md-ellipsis"> Mimari Genel Bakis </span> </a> </li> <li class="md-nav__item"> <a href="../../baslangic/mesaj-yapisi/" class="md-nav__link"> <span class="md-ellipsis"> Mesaj Yapisi </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" > <div class="md-nav__link md-nav__container"> <a href="../../nodlar/" class="md-nav__link "> <span class="md-ellipsis"> Node Referansi </span> </a> <label class="md-nav__link " for="__nav_3" id="__nav_3_label" tabindex="0"> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3"> <span class="md-nav__icon md-icon"></span> Node Referansi </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" > <label class="md-nav__link" for="__nav_3_2" id="__nav_3_2_label" tabindex="0"> <span class="md-ellipsis"> Cekirdek Nodlar </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3_2"> <span class="md-nav__icon md-icon"></span> Cekirdek Nodlar </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../nodlar/trex-subscriber/" class="md-nav__link"> <span class="md-ellipsis"> trex Subscriber </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/responser/" class="md-nav__link"> <span class="md-ellipsis"> Responser </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" > <label class="md-nav__link" for="__nav_3_3" id="__nav_3_3_label" tabindex="0"> <span class="md-ellipsis"> Olay Nodlari </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3_3"> <span class="md-nav__icon md-icon"></span> Olay Nodlari </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../nodlar/event-subscribers/" class="md-nav__link"> <span class="md-ellipsis"> Genel Bakis </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/business-events/" class="md-nav__link"> <span class="md-ellipsis"> Business Events </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/system-events/" class="md-nav__link"> <span class="md-ellipsis"> System Events </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/communication-events/" class="md-nav__link"> <span class="md-ellipsis"> Communication Events </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/display-events/" class="md-nav__link"> <span class="md-ellipsis"> Display Events </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/form-events/" class="md-nav__link"> <span class="md-ellipsis"> Form Events </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/display-methods/" class="md-nav__link"> <span class="md-ellipsis"> Display Methods </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/method-returns/" class="md-nav__link"> <span class="md-ellipsis"> Method Returns </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/handle-setter/" class="md-nav__link"> <span class="md-ellipsis"> Handle Setter </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" > <label class="md-nav__link" for="__nav_3_4" id="__nav_3_4_label" tabindex="0"> <span class="md-ellipsis"> Form Nodlari </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3_4"> <span class="md-nav__icon md-icon"></span> Form Nodlari </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../nodlar/custom-form/" class="md-nav__link"> <span class="md-ellipsis"> Custom Form </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/form-bind-controls/" class="md-nav__link"> <span class="md-ellipsis"> Form Bind Controls </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/control-properties/" class="md-nav__link"> <span class="md-ellipsis"> Control Properties </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/button-configurator/" class="md-nav__link"> <span class="md-ellipsis"> Button Configurator </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/main-form-action/" class="md-nav__link"> <span class="md-ellipsis"> Main Form Action </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5" > <label class="md-nav__link" for="__nav_3_5" id="__nav_3_5_label" tabindex="0"> <span class="md-ellipsis"> Islem Nodlari </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_5_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3_5"> <span class="md-nav__icon md-icon"></span> Islem Nodlari </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../nodlar/method-invoker/" class="md-nav__link"> <span class="md-ellipsis"> Method Invoker </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/context-getter/" class="md-nav__link"> <span class="md-ellipsis"> Context Getter </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/execute-process/" class="md-nav__link"> <span class="md-ellipsis"> Execute Process </span> </a> </li> <li class="md-nav__item"> <a href="../../nodlar/execute-script/" class="md-nav__link"> <span class="md-ellipsis"> Execute Script </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_6" > <label class="md-nav__link" for="__nav_3_6" id="__nav_3_6_label" tabindex="0"> <span class="md-ellipsis"> Yapay Zeka </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_6_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_3_6"> <span class="md-nav__icon md-icon"></span> Yapay Zeka </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../nodlar/llm-flow-builder/" class="md-nav__link"> <span class="md-ellipsis"> LLM Flow Builder </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <div class="md-nav__link md-nav__container"> <a href="../" class="md-nav__link "> <span class="md-ellipsis"> Ornekler </span> </a> <label class="md-nav__link " for="__nav_4" id="__nav_4_label" tabindex=""> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <label class="md-nav__title" for="__nav_4"> <span class="md-nav__icon md-icon"></span> Ornekler </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../temel-akis/" class="md-nav__link"> <span class="md-ellipsis"> Temel Akis </span> </a> </li> <li class="md-nav__item md-nav__item--active"> <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc"> <label class="md-nav__link md-nav__link--active" for="__toc"> <span class="md-ellipsis"> Custom Form Akisi </span> <span class="md-nav__icon md-icon"></span> </label> <a href="./" class="md-nav__link md-nav__link--active"> <span class="md-ellipsis"> Custom Form Akisi </span> </a> <nav class="md-nav md-nav--secondary" aria-label="İçindekiler"> <label class="md-nav__title" for="__toc"> <span class="md-nav__icon md-icon"></span> İçindekiler </label> <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix> <li class="md-nav__item"> <a href="#hedef" class="md-nav__link"> <span class="md-ellipsis"> Hedef </span> </a> </li> <li class="md-nav__item"> <a href="#onkosullar" class="md-nav__link"> <span class="md-ellipsis"> Önkoşullar </span> </a> </li> <li class="md-nav__item"> <a href="#aks-semas" class="md-nav__link"> <span class="md-ellipsis"> Akış Şeması </span> </a> </li> <li class="md-nav__item"> <a href="#form-xml-tasarm" class="md-nav__link"> <span class="md-ellipsis"> Form XML Tasarımı </span> </a> </li> <li class="md-nav__item"> <a href="#adm-adm-yaplandrma" class="md-nav__link"> <span class="md-ellipsis"> Adım Adım Yapılandırma </span> </a> <nav class="md-nav" aria-label="Adım Adım Yapılandırma"> <ul class="md-nav__list"> <li class="md-nav__item"> <a href="#1-trex-subscriber-bagmsz" class="md-nav__link"> <span class="md-ellipsis"> 1. trex Subscriber (Bağımsız) </span> </a> </li> <li class="md-nav__item"> <a href="#2-business-events" class="md-nav__link"> <span class="md-ellipsis"> 2. Business Events </span> </a> </li> <li class="md-nav__item"> <a href="#3-custom-form" class="md-nav__link"> <span class="md-ellipsis"> 3. Custom Form </span> </a> </li> <li class="md-nav__item"> <a href="#4-form-bind-controls" class="md-nav__link"> <span class="md-ellipsis"> 4. Form Bind Controls </span> </a> </li> <li class="md-nav__item"> <a href="#5-control-properties" class="md-nav__link"> <span class="md-ellipsis"> 5. Control Properties </span> </a> </li> <li class="md-nav__item"> <a href="#6-responser" class="md-nav__link"> <span class="md-ellipsis"> 6. Responser </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="#flow-json" class="md-nav__link"> <span class="md-ellipsis"> Flow JSON </span> </a> </li> <li class="md-nav__item"> <a href="#beklenen-davrans" class="md-nav__link"> <span class="md-ellipsis"> Beklenen Davranış </span> </a> </li> <li class="md-nav__item"> <a href="#msgpayload-incelemesi" class="md-nav__link"> <span class="md-ellipsis"> msg.payload İncelemesi </span> </a> </li> <li class="md-nav__item"> <a href="#yaygn-sorunlar" class="md-nav__link"> <span class="md-ellipsis"> Yaygın Sorunlar </span> </a> </li> <li class="md-nav__item"> <a href="#sonraki-adm" class="md-nav__link"> <span class="md-ellipsis"> Sonraki Adım </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="../buton-konfigurasyonu/" class="md-nav__link"> <span class="md-ellipsis"> Buton Konfigurasyonu </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="../../sss/" class="md-nav__link"> <span class="md-ellipsis"> SSS </span> </a> </li> <li class="md-nav__item"> <a href="../../degisiklik-gunlugu/" class="md-nav__link"> <span class="md-ellipsis"> Surum Notlari </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" > <div class="md-sidebar__scrollwrap"> <div class="md-sidebar__inner"> <nav class="md-nav md-nav--secondary" aria-label="İçindekiler"> <label class="md-nav__title" for="__toc"> <span class="md-nav__icon md-icon"></span> İçindekiler </label> <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix> <li class="md-nav__item"> <a href="#hedef" class="md-nav__link"> <span class="md-ellipsis"> Hedef </span> </a> </li> <li class="md-nav__item"> <a href="#onkosullar" class="md-nav__link"> <span class="md-ellipsis"> Önkoşullar </span> </a> </li> <li class="md-nav__item"> <a href="#aks-semas" class="md-nav__link"> <span class="md-ellipsis"> Akış Şeması </span> </a> </li> <li class="md-nav__item"> <a href="#form-xml-tasarm" class="md-nav__link"> <span class="md-ellipsis"> Form XML Tasarımı </span> </a> </li> <li class="md-nav__item"> <a href="#adm-adm-yaplandrma" class="md-nav__link"> <span class="md-ellipsis"> Adım Adım Yapılandırma </span> </a> <nav class="md-nav" aria-label="Adım Adım Yapılandırma"> <ul class="md-nav__list"> <li class="md-nav__item"> <a href="#1-trex-subscriber-bagmsz" class="md-nav__link"> <span class="md-ellipsis"> 1. trex Subscriber (Bağımsız) </span> </a> </li> <li class="md-nav__item"> <a href="#2-business-events" class="md-nav__link"> <span class="md-ellipsis"> 2. Business Events </span> </a> </li> <li class="md-nav__item"> <a href="#3-custom-form" class="md-nav__link"> <span class="md-ellipsis"> 3. Custom Form </span> </a> </li> <li class="md-nav__item"> <a href="#4-form-bind-controls" class="md-nav__link"> <span class="md-ellipsis"> 4. Form Bind Controls </span> </a> </li> <li class="md-nav__item"> <a href="#5-control-properties" class="md-nav__link"> <span class="md-ellipsis"> 5. Control Properties </span> </a> </li> <li class="md-nav__item"> <a href="#6-responser" class="md-nav__link"> <span class="md-ellipsis"> 6. Responser </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="#flow-json" class="md-nav__link"> <span class="md-ellipsis"> Flow JSON </span> </a> </li> <li class="md-nav__item"> <a href="#beklenen-davrans" class="md-nav__link"> <span class="md-ellipsis"> Beklenen Davranış </span> </a> </li> <li class="md-nav__item"> <a href="#msgpayload-incelemesi" class="md-nav__link"> <span class="md-ellipsis"> msg.payload İncelemesi </span> </a> </li> <li class="md-nav__item"> <a href="#yaygn-sorunlar" class="md-nav__link"> <span class="md-ellipsis"> Yaygın Sorunlar </span> </a> </li> <li class="md-nav__item"> <a href="#sonraki-adm" class="md-nav__link"> <span class="md-ellipsis"> Sonraki Adım </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="md-content" data-md-component="content"> <article class="md-content__inner md-typeset"> <h1 id="ornek-custom-form-aks">Örnek: Custom Form Akışı<a class="headerlink" href="#ornek-custom-form-aks" title="Bu bolume kalici baglanti">&para;</a></h1> <p>Bu örnekte panel'den gelen sipariş verisini bir <strong>Custom Form</strong> üzerinde gösterecek, alanlarına bağlayacak ve kontrol özelliklerini ayarlayacağız.</p> <h2 id="hedef">Hedef<a class="headerlink" href="#hedef" title="Bu bolume kalici baglanti">&para;</a></h2> <p><code>OrderStartEvent</code> tetiklendiğinde:</p> <ol> <li>Panel ekranında <code>OrderEntryForm</code> adlı bir form açılsın.</li> <li>Gelen sipariş bilgisi form alanlarına otomatik bağlansın.</li> <li>Buton görünürlüğü duruma göre ayarlansın.</li> <li>Akış sonunda panele cevap dönsün.</li> </ol> <h2 id="onkosullar">Önkoşullar<a class="headerlink" href="#onkosullar" title="Bu bolume kalici baglanti">&para;</a></h2> <ul> <li><a href="../temel-akis/">Temel Akış</a> örneğinin çalışıyor olması</li> <li>Form için XML tasarım hazır (aşağıda örnek var)</li> <li><code>customFormDesigner.exe</code> (opsiyonel, Designer kullanılacaksa)</li> </ul> <h2 id="aks-semas">Akış Şeması<a class="headerlink" href="#aks-semas" title="Bu bolume kalici baglanti">&para;</a></h2> <pre class="mermaid"><code>flowchart LR subgraph Kayit["Kayıt (bağımsız)"] A[trex Subscriber] end subgraph Akis["Olay Akışı"] B[Business Events&lt;br/&gt;OrderStartEvent] --&gt; C[Custom Form&lt;br/&gt;OrderEntryForm] C --&gt; D[Form Bind Controls&lt;br/&gt;txt* → orderNo,...] D --&gt; E[Control Properties&lt;br/&gt;btnSave.Enabled=true] E --&gt; F[Responser] end style A fill:#58d68d,color:#000 style B fill:#ccffcc,color:#000 style C fill:#ccffcc,color:#000 style D fill:#ccffcc,color:#000 style E fill:#ccffcc,color:#000 style F fill:#ccffcc,color:#000</code></pre> <h2 id="form-xml-tasarm">Form XML Tasarımı<a class="headerlink" href="#form-xml-tasarm" title="Bu bolume kalici baglanti">&para;</a></h2> <p><code>Custom Form</code> node'unun <code>customformxml</code> alanına yapıştıracağımız XML, <code>trexForm.Designer</code> tarafından üretilen WinForms formatındadır:</p> <div class="language-xml highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="nt">&lt;Object</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;CustomForm&quot;</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;trexForm.Designer.CustomForm, trexForm.Designer, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null&quot;</span><span class="w"> </span><span class="na">version=</span><span class="s">&quot;1&quot;</span><span class="nt">&gt;</span> </span><span id="__span-0-2"><a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a><span class="w"> </span><span class="nt">&lt;AutoValidate&gt;</span>EnablePreventFocusChange<span class="nt">&lt;/AutoValidate&gt;</span> </span><span id="__span-0-3"><a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="w"> </span><span class="nt">&lt;BackColor&gt;</span>Control<span class="nt">&lt;/BackColor&gt;</span> </span><span id="__span-0-4"><a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a><span class="w"> </span><span class="nt">&lt;ClientSize&gt;</span>600,<span class="w"> </span>400<span class="nt">&lt;/ClientSize&gt;</span> </span><span id="__span-0-5"><a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a><span class="w"> </span><span class="nt">&lt;Font&gt;</span>Microsoft<span class="w"> </span>Sans<span class="w"> </span>Serif,<span class="w"> </span>8.25pt<span class="nt">&lt;/Font&gt;</span> </span><span id="__span-0-6"><a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a><span class="w"> </span><span class="nt">&lt;Name&gt;</span>CustomForm<span class="nt">&lt;/Name&gt;</span> </span><span id="__span-0-7"><a id="__codelineno-0-7" name="__codelineno-0-7" href="#__codelineno-0-7"></a> </span><span id="__span-0-8"><a id="__codelineno-0-8" name="__codelineno-0-8" href="#__codelineno-0-8"></a><span class="w"> </span><span class="nt">&lt;Object</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;System.Windows.Forms.Label, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089&quot;</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;lblOrderNo&quot;</span><span class="nt">&gt;</span> </span><span id="__span-0-9"><a id="__codelineno-0-9" name="__codelineno-0-9" href="#__codelineno-0-9"></a><span class="w"> </span><span class="nt">&lt;Text&gt;</span>Sipariş<span class="w"> </span>No:<span class="nt">&lt;/Text&gt;</span> </span><span id="__span-0-10"><a id="__codelineno-0-10" name="__codelineno-0-10" href="#__codelineno-0-10"></a><span class="w"> </span><span class="nt">&lt;Location&gt;</span>20,<span class="w"> </span>20<span class="nt">&lt;/Location&gt;</span> </span><span id="__span-0-11"><a id="__codelineno-0-11" name="__codelineno-0-11" href="#__codelineno-0-11"></a><span class="w"> </span><span class="nt">&lt;Size&gt;</span>100,<span class="w"> </span>20<span class="nt">&lt;/Size&gt;</span> </span><span id="__span-0-12"><a id="__codelineno-0-12" name="__codelineno-0-12" href="#__codelineno-0-12"></a><span class="w"> </span><span class="nt">&lt;TabIndex&gt;</span>0<span class="nt">&lt;/TabIndex&gt;</span> </span><span id="__span-0-13"><a id="__codelineno-0-13" name="__codelineno-0-13" href="#__codelineno-0-13"></a><span class="w"> </span><span class="nt">&lt;/Object&gt;</span> </span><span id="__span-0-14"><a id="__codelineno-0-14" name="__codelineno-0-14" href="#__codelineno-0-14"></a><span class="w"> </span><span class="nt">&lt;Object</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;System.Windows.Forms.TextBox, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089&quot;</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;txtOrderNo&quot;</span><span class="nt">&gt;</span> </span><span id="__span-0-15"><a id="__codelineno-0-15" name="__codelineno-0-15" href="#__codelineno-0-15"></a><span class="w"> </span><span class="nt">&lt;Location&gt;</span>140,<span class="w"> </span>20<span class="nt">&lt;/Location&gt;</span> </span><span id="__span-0-16"><a id="__codelineno-0-16" name="__codelineno-0-16" href="#__codelineno-0-16"></a><span class="w"> </span><span class="nt">&lt;Size&gt;</span>200,<span class="w"> </span>20<span class="nt">&lt;/Size&gt;</span> </span><span id="__span-0-17"><a id="__codelineno-0-17" name="__codelineno-0-17" href="#__codelineno-0-17"></a><span class="w"> </span><span class="nt">&lt;TabIndex&gt;</span>1<span class="nt">&lt;/TabIndex&gt;</span> </span><span id="__span-0-18"><a id="__codelineno-0-18" name="__codelineno-0-18" href="#__codelineno-0-18"></a><span class="w"> </span><span class="nt">&lt;/Object&gt;</span> </span><span id="__span-0-19"><a id="__codelineno-0-19" name="__codelineno-0-19" href="#__codelineno-0-19"></a> </span><span id="__span-0-20"><a id="__codelineno-0-20" name="__codelineno-0-20" href="#__codelineno-0-20"></a><span class="w"> </span><span class="nt">&lt;Object</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;System.Windows.Forms.Label, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089&quot;</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;lblCustomer&quot;</span><span class="nt">&g