20240222

playground/bind-with-datasource/index.html

@@ -101,6 +101,18 @@
                         <div data-monster-replace="path:data.orderState ">xx</div>
                         <div data-monster-replace="path:data.orderLastStatusChange ">xx</div>
 
+                        <select data-monster-bind="path:data.type" data-monster-attributes="value path:data.type">
+                            <option value="">bitte wählen</option>
+                            <option value="order">order</option>
+                            <option value="22">22</option>
+                            <option value="33">33</option>
+                        </select>
+
+                        <!-- Ckeckbox wird ausgewählt wenn archived den Wert TRUE hat -->
+                        <label>Checkbox
+                            <input type="checkbox" value="true" data-monster-bind="path:data.archived" data-monster-bind-type="boolean"
+                            data-monster-defaultvalue="false"   data-monster-attributes="checked path:data.archived | ?:true: "></label>
+
                         <div class="buttons">
                             <monster-button
                                     data-monster-role="saveButton"
@@ -116,6 +128,12 @@
                         </div>
 
                     </div>
+                    <div>
+                        <div data-monster-replace="path:data.oid ">xx</div>
+                        <div data-monster-replace="path:data.type ">xx</div>
+                        <div data-monster-replace="path:data.archived ">xx</div>
+
+                    </div>
                 </div>
 
             </monster-dataset>
@@ -155,6 +173,8 @@
                     </div>
                 </div>
 
+               
+
             </monster-dataset>
         </monster-overlay>
     </div>

playground/mock/demo.js

@@ -4,6 +4,7 @@ const json =
                 "dataset": [
                 {
                     "erpID": "",
+                    "type": "order",
                     "erpName": "mix up erp1",
                     "erpNumber": "",
                     "erpLastUpdate": "2020-01-16T10:27:18",
@@ -38,11 +39,12 @@ const json =
                 },
                 {
                     "erpID": "",
+                    "type": "retoure",
                     "erpName": "erp 2",
                     "erpNumber": "",
                     "erpLastUpdate": "2020-01-16T10:27:18",
                     "erpCreation": "2020-01-16T10:27:18",
-                    "archived": false,
+                    "archived": true,
                     "oid": 1000,
                     "orderDate": "2019-01-16T10:27:18",
                     "orderState": 57,
@@ -72,6 +74,7 @@ const json =
                 },
                 {
                     "erpID": "",
+                    "type": "shipping",
                     "erpName": "erp4",
                     "erpNumber": "",
                     "erpLastUpdate": "2020-01-16T10:27:18",