позвольте говорят, что я хочу сделать это:
var dashboard = {};
var page = "index";
$('.check').click(function(){
$(this).toggleClass("active").siblings().slideToggle('slow', function() {
dashboard['pages'][page][$(this).closest('li').attr("id")]['show'] = $(this).is(":hidden") ? 'collapsed' : 'expanded';
});
}
Я получаю ошибку при высказывании:
Dashboard.pages не определен
Там находится далеко для динамичного добавления pages
и дети, которые следуют, не имея необходимость делать работу проверки, чтобы видеть, определяется ли она сначала затем, если она не делает:
dashboard['pages'] = {};
потому что иногда они могут уже существовать, и я не хочу должным быть осматривать дерево сначала, я просто хочу создать ответвления по мере необходимости
ОТРЕДАКТИРУЙТЕ я изменился pagename
кому: page
чтобы показать, что названия страницы изменятся и также я хочу указать, что страницы могли действительно быть чем-либо также. Идея состоит в том, что у Вас есть любой объект, который может содержать объекты с параметрами, не проверяя, чтобы видеть, существуют ли ответвления
Это похоже $extend
как указано будет способ пойти просто не уверенный, как это работает. Добрался для получения моей головы вокруг этого.
Определить методы получения и установки для объекта
. На самом деле его можно определить только на объекте панели мониторинга
и только его потомках, но это легко сделать.
Object.prototype.get = function(prop) {
this[prop] = this[prop] || {};
return this[prop];
};
Object.prototype.set = function(prop, value) {
this[prop] = value;
}
Перебирайте вложенные свойства с помощью этого метода get ()
и вызывайте set ()
всякий раз, когда необходимо установить значение.
var dashboard = {};
dashboard.get('pages').get('user').set('settings', 'oh crap');
// could also set settings directly without using set()
dashboard.get('pages').get('user').settings = 'oh crap';
console.log(dashboard); // {pages: {user: {settings: "oh crap"}}};
Вы также можете расширить / изменить метод get
, чтобы принимать вложенные свойства как отдельные аргументы или массив или строку. Используя это, вам нужно будет вызвать get только один раз:
// get accepts multiple arguments here
dashboard.get('pages', 'user').set('settings', 'something');
// get accepts an array here
dashboard.get(['pages', 'user']).set('settings', 'something');
// no reason why get can't also accept dotted parameters
// note: you don't have to call set(), could directly add the property
dashboard.get('pages.user').settings = 'something';
Update :
Поскольку метод get обычно возвращает объект и не знает, нужен ли вам массив или какой-либо другой тип объекта, поэтому вы должны указать это сами:
dashboard.get('pages.user').settings = [];
Затем вы могли бы помещать элементы в массив настроек как
dashboard.get('pages.user').settings.push('something');
dashboard.get('pages.user').settings.push('something else');
Для того, чтобы на самом деле функция get построила иерархию объектов из заданной строки, такой как pages.user, вам придется разделить строку на части и проверьте, существует ли каждый вложенный объект. Вот модифицированная версия get
, которая делает именно это:
Object.prototype.get = function(prop) {
var parts = prop.split('.');
var obj = this;
for(var i = 0; i < parts.length; i++) {
var p = parts[i];
if(obj[p] === undefined) {
obj[p] = {};
}
obj = obj[p];
}
return obj;
}
// example use
var user = dashboard.get('pages.user');
user.settings = [];
user.settings.push('something');
user.settings.push('else');
console.log(dashboard); // {pages: {user: {settings: ["something", "else"] }}}
// can also add to settings directly
dashboard.get('pages.user.settings').push('etc');
Думаю, вам понадобится следующее:
var dashBoard = new Array();
if(!dashboard['page123']) {
dashBoard.push('page123');
} else {
...do what you want
}
Похоже, вы имеете дело с XML.
Я не думаю, что есть хороший встроенный способ сделать это, но вы всегда можете абстрагироваться с помощью функции.
function getProperty(obj,prop){
if( typeof( obj[prop] ) == 'undefined' ){
obj[prop] = {};
}
return obj[prop];
}
Затем вы используете
getProperty (dashboard, 'pages') ['pagename']
или
getProperty(getProperty(dashboard,'pages'),'pagename');
Как уже упоминалось, $ .extend сделает это менее обременительным.
var foo = dashboard['pages'] || {};
foo['pagename'] = 'your thing here';
dashboard['pages'] = foo;
Объяснение: первая строка проверяет, является ли первое значение нулевым, неопределенным или ... ложным (не думаю, это проблема здесь): если это так, создайте новый объект, если нет, будет использовать его.
$. Extend - лучший вариант
function elem(a,b){
var r={'pages':{'pagename':{}}};
r.pages.pagename[a]={'show':b};
return r;
}
data={};
//inside the event handler or something:
data = $.extend(true,data,elem($(this).closest('li').attr("id"),$(this).is(":hidden") ? 'collapsed' : 'expanded'));
Но, честно говоря, хранить эту информацию в любом случае - довольно беспорядочная идея. Готов поспорить, что, если вам понадобится эта информация позже, это можно сделать с помощью хорошего селектор или с помощью jQuery.data ()
Я бы сделал это с помощью тернарного оператора:
dashboard['pages'][page] = dashboard['pages'][page] ? dashboard['pages'][page] : {};
Это сработает, независимо от того, установлен ли он / ноль или что-то еще.