Я смотрел следующее видео и задавался вопросом, можно ли создать рекурсивный шаблон для вывода всех свойств/имен методов любого объекта в DOM? -
http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/video/17905336Как создать рекурсивный шаблон ExtJS для вывода любого объекта javascript?
Вот чистый Javascript пример того, что мне любопытно делать с XTemplate в ExtJS - http://jsfiddle.net/SLJZ3/
var mObj = {};
mObj.mArr = [];
mObj.mArr.push({id:['id1','id2','id3']});
mObj.mArr.push({days:['Monday','Tuesday','Wednesday','Thursday']});
mObj.mArr.push({colors:['orange','red','blue','green','yellow','white']});
mObj.mArr.push(function isTrue(){return true;});
function r(obj) {
if (obj)
for (var key in obj) {
if (typeof obj[key] == "object")
r(obj[key]);
else if (typeof obj[key] == "function")
document.writeln("<span style='color:silver'>" + obj[key] + "</span><br/>");
else if (typeof obj[key] != "function")
document.writeln(obj[key] + "<br/>")
}
return;
}
r(mObj);
благодарит за дополнительную информацию. я думаю, мне нужно было бы сначала рекурсивно нажать элемент DOM в дерево, которое затем можно было бы использовать в tpl? – DaveAlger
Вы имеете в виду рекурсивно итерировать свои данные, чтобы создать шаблон «на лету», а затем на самом деле применить его на лету? Это звучит как излишество, полезно только в том случае, если структура ваших данных повторяется. но если он повторяется, тогда вы можете создать свой шаблон статически? –