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>
<select data-duice-bind="myObject" data-duice-property="type" data-duice-option="myTypes" data-duice-option-value-property="type" data-duice-option-text-property="name"/> ... </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 src="..." data-duice-bind="myObject" data-duice-property="image" alt="..."/>
                        
                    

                    

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

                    
                    
                    
                    
                    
                    
                    
                    
                    

                        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-foreach="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>
                        
                    

                    
                    
                    
                    
                    
                    
                    
                    
                    

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