Documentation

defaultData

the property stores data which is displayed in the child when no records are selected in the master.

object defaultData;

Example

$$('mylist').define ("defaultData",{name:"New contact", gender:"Male", age:"18"});

See also

Details

The property can be used to prevent the child from 'undefined' values.

For example, you have the following structure on the page:

webix.ui({
    container:"box",
    cols:[
    {   
        view:"list", 
        id:"myList",
        url:"data.json",
        select:true,
        template:"#rank#. #title# </div>"
    },
    {
        view:"template", 
        id:"myTemplate",
        template:"Title #title#<hr> Year #year#<hr> Votes #votes#"
    }]
});
 
$$('myTemplate').bind($$('myList'));


Initially, when no items are selected in the list, it looks like this:


But once you add the following command:

$$('myList').define ("defaultData",{title:"", year:"", votes:""});

You must call define before calling the bind method. Otherwise, the provided default values won't be applied.


The app will start look like this:

Back to top