Wappler_Access/views/index.ejs

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="index" appConnect="local" components="{dmxDataTraversal:{},dmxTyped:{},dmxFormatter:{},dmxStateManagement:{},dmxBrowser:{},dmxBootstrap5TableGenerator:{}}" -->
<dmx-api-action id="api1" noload="true" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partnumbers/num/'+txt_partNumber.value"></dmx-api-action>



<meta name="ac:route" content="/">
<dmx-serverconnect id="serverconnect1" url="/api/PartCodes/All"></dmx-serverconnect>
<div class="container">
    <div class="row">
        <div class="col">
            <h1>RPM Studio</h1>
        </div>
    </div>

    <div class="row">
        <div class="col-break w-100">
            <input id="hdn_partid" name="partid" type="text" class="form-control visually-hidden" placeholder="partid" dmx-bind:value="api1.data.id">
            <input id="txt_partNumber" name="partnumber" type="text" class="form-control" placeholder="Part Number" dmx-on:blur="hdn_url.setValue(hdn_baseurl.value.concat(value))">
        </div>
    </div>
    <div class="row">
        <div class="col"><button id="btn_Search" class="btn btn-primary" dmx-on:click="api1.load({});hdn_partid.setValue(api1.data.id)">Search</button></div>
    </div>
    <div class="row">
        <div class="col">
            <div class="d-block"><input id="txt_description" name="description" type="text" class="form-control" placeholder="Description" dmx-bind:value="api1.data.description"><select id="select1" class="form-select" name="pcodes" dmx-bind:options="serverconnect1.data.api.data" optiontext="name" optionvalue="id" dmx-bind:value="api1.data.partcode.id">
                    <option value="">Part Code</option>
                </select></div>


        </div>
        <div class="col">



            <div class="d-block"><input id="txt_replaces" name="replaces" type="text" class="form-control" placeholder="Replaces" dmx-bind:value="api1.data.replaces.number"><input id="txt_replacedby" name="replacedby" type="text" class="form-control" placeholder="Replaced By" dmx-bind:value="api1.data.replacedby.number"></div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="d-block">
                <input id="txt_primaryvendor" name="primaryvendor" type="text" class="form-control" placeholder="Primary Vendor" dmx-bind:value="api1.data.primaryvendor.name">

            </div>
        </div>
        <div class="col">
            <div class="d-block">
                <input id="txt_secondaryvendor" name="seconaryvendor" type="text" class="form-control" placeholder="Secondary Vendor" dmx-bind:value="api1.data.secondaryvendor.name">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <a href="#" class="btn btn-warning" id="btn_dspec" dmx-bind:href="'/dspec?id='+hdn_partid.value">DSpec</a>
            <p>Hello</p>
        </div>
    </div>
</div>





</form>



</div>