diff --git a/playground/bind-with-datasource/index.html b/playground/bind-with-datasource/index.html
index dc118419654abea5bbcc7658a920a360b5669c64..8a6302d740bf3269da2b5de9ff1bbcf5d0131a77 100644
--- a/playground/bind-with-datasource/index.html
+++ b/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>
diff --git a/playground/mock/demo.js b/playground/mock/demo.js
index 4eed3d4c2b86e61479529abc2d3afcbeff0d9fe9..d28acae0f762cd46e85a06526c8f2f66f22a2d6f 100644
--- a/playground/mock/demo.js
+++ b/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",