Let's use some inputEx wisdom to create an editor for a RSS feed
var rssFormDef = {
type: 'group',
parentEl: 'container1',
fields: [
{type: 'select', label: 'Version', name: '-version', choices: ['1.0','2.0'] },
{
type: 'group',
name: 'channel',
fields: [
{type: 'string', label: 'Title', name: 'title'},
{type: 'string', label: 'Description', name: 'description', size: 53},
{type: 'url', label: 'Link', name: 'link'},
{type: 'select', label: 'Language', name: 'language', choices: ['en', 'fr']},
{
label: 'Posts',
type: 'list',
name: 'item',
elementType:{
type: 'group',
fields: [
{type: 'string', label: 'Title', name: 'title', size: 60},
{type: 'string', label: 'Description', name: 'description', size: 60},
{type: 'inplaceedit', editorField:{type: 'url', showMsg: true}, name: 'link', label: 'Link', animColors:{from:"#FFFF99" , to:"#DDDDFF"} }
]
}
}
]
}
]
};
// Get the rss and populate the form
Y.io('rss-example.xml', {
method: 'GET',
on: {
success: function(id, o, args) {
var xotree = new XML.ObjTree();
var tree = xotree.parseXML( o.responseText );
console.log(tree.rss);
Y.inputEx(rssFormDef).setValue(tree.rss);
}
}
});