Using XML

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);
	  }
  }
});