Object Element Test

ObjectProxy

ObjectElement

Property Value Element HTML Code
name <* data-duice-bind="myObject" data-duice-property="name"> </*>
<input type="text" data-duice-bind="myObject" data-duice-property="name"/>
phoneNo <* data-duice-bind="myObject" data-duice-property="phoneNo"> </*>
<* data-duice-bind="myObject" data-duice-property="phoneNo" data-duice-format="string('###-####-####')"> </*>
<input type="text" data-duice-bind="myObject" data-duice-property="phoneNo"/>
<input type="text" data-duice-bind="myObject" data-duice-property="phoneNo" data-duice-format="string('###-####-####')"/>
cardNo <* data-duice-bind="myObject" data-duice-property="cardNo"> </*>
<* data-duice-bind="myObject" data-duice-property="cardNo" data-duice-format="string('####-####-####-####')"> </*>
<input type="text" data-duice-bind="myObject" data-duice-property="cardNo"/>
<input type="text" data-duice-bind="myObject" data-duice-property="cardNo" data-duice-format="string('####-####-####-####')"/>
balanceAmount <* data-duice-bind="myObject" data-duice-property="balanceAmount"> </*>
<* data-duice-bind="myObject" data-duice-property="balanceAmount" data-duice-format="number(2)"> </*>
<input type="number" data-duice-bind="myObject" data-duice-property="balanceAmount"/>
<input type="number" data-duice-bind="myObject" data-duice-property="balanceAmount" data-duice-format="number(2)"/>
password <input type="password" data-duice-bind="myObject" data-duice-property="password"> </*>
datetime <* data-duice-bind="myObject" data-duice-property="datetime" data-duice-format="date('yyyy-MM-dd HH:mm:ss')"> </*>
<input type="datetime-local" data-duice-bind="myObject" data-duice-property="datetime"/>
date <* data-duice-bind="myObject" data-duice-property="date" data-duice-format="date('yyyy-MM-dd HH:mm:ss')"> </*>
<input type="date" data-duice-bind="myObject" data-duice-property="date"/>
time <* data-duice-bind="myObject" data-duice-property="time"> </*>
<input type="time" data-duice-bind="myObject" data-duice-property="time"/>
range <* data-duice-bind="myObject" data-duice-property="range"/>
<input type="range" data-duice-bind="myObject" data-duice-property="range"/>
type <* data-duice-bind="myObject" data-duice-property="type"> </*>
<select data-duice-bind="myObject" data-duice-property="type"/> ... </select>
enable <* data-duice-bind="myObject" data-duice-property="enabled"> </*>
<input type="checkbox" data-duice-bind="myObject" data-duice-property="enabled"/>
enableYn <* data-duice-bind="myObject" data-duice-property="enabledYn"> </*>
<input type="checkbox" data-duice-bind="myObject" data-duice-property="enabled" duice:true-value="Y" duice:false-value="N"/>
gender <* data-duice-bind="myObject" data-duice-property="enabledYn"> </*>
<input type="radio" data-duice-bind="myObject" data-duice-property="gender" value="male"/>
<input type="radio" data-duice-bind="myObject" data-duice-property="gender" value="female"/>
description 

                		
                
                    <* data-duice-bind="myObject" data-duice-property="description"> </*>
                
            

            

                
                    
                
                
                    <textarea data-duice-bind="myObject" data-duice-property="description"> </textarea>
                
            

            
            
            
            

                description
                
                
                    
                
                
                    <img data-duice-bind="myObject" data-duice-property="image"/>
                
            

            

                
                    
                
                
                    <img data-duice-bind="myObject" data-duice-property="image" data-duice-editable="true" data-duice-size="32,32"/>
                
            

            
            
            
            

                address.country
                
                
                    
                
                
                    <* data-duice-bind="myObject" data-duice-property="address.country"> </*>
                
            

            

                
                    
                
                
                    <input type="text" data-duice-bind="myObject" data-duice-property="address.country"/>
                
            

            
            
            
            

                items[0].name
                
                
                    
                
                
                    <* data-duice-bind="myObject" data-duice-property="items[0].name"> </*>
                
            

            

                
                    
                
                
                    <input type="text" data-duice-bind="myObject" data-duice-property="items[0].name"/>
                
            

            
            
            
            

                items
                
                
                    

                        

                            id
                            name
                        

                        

                            
                                
                            
                            
                                
                            
                        

                    

                		
                
                    <tr data-duice-bind="myObject.items" data-duice-loop="item,status">
                    <td>
                    <input type="text" data-duice-bind="item" data-duice-property="id">
                    </td>
                    <td>
                    <input type="text" data-duice-bind="item" data-duice-property="name">
                    </td>
                    </tr>