मुझे पता है कि रूटिंग सिस्टम को कैसे संशोधित किया जाए, ताकि आउटलेट में डाले गए विचार नष्ट न हों। सबसे पहले मैं, हैंडल outlet सहायक ओवरराइड इतना है कि यह लोड करता है एक Ember.OutletView{{outlet}} में:
Ember.Handlebars.registerHelper('outlet', function(property, options) {
if (property && property.data && property.data.isRenderData) {
options = property;
property = 'view';
}
options.hash.currentViewBinding = "controller." + property;
return Ember.Handlebars.helpers.view.call(this, Ember.OutletView, options);
});
कहाँ Ember.OutletView फैली Ember.ContainerView इस प्रकार है:
Ember.OutletView = Ember.ContainerView.extend({
childViews: [],
_currentViewWillChange: Ember.beforeObserver(function() {
var childViews = this.get('childViews');
// Instead of removing currentView, just hide all childViews
childViews.setEach('isVisible', false);
}, 'currentView'),
_currentViewDidChange: Ember.observer(function() {
var childViews = this.get('childViews'),
currentView = this.get('currentView');
if (currentView) {
// Check if currentView is already within childViews array
// TODO: test
var alreadyPresent = childViews.find(function(child) {
if (Ember.View.isEqual(currentView, child, [])) {
return true;
}
});
if (!!alreadyPresent) {
alreadyPresent.set('isVisible', true);
} else {
childViews.pushObject(currentView);
}
}
}, 'currentView')
});
असल में हम _currentViewWillChange() ओवरराइड और बस को हटाने के बजाय सभी childViews छिपाने currentView। फिर _currentViewDidChange() में हम जांचते हैं कि currentView पहले से ही childViews के अंदर है और तदनुसार कार्य करें।
Ember.View.reopenClass({
isEqual: function(a, b, stack) {
// Identical objects are equal. `0 === -0`, but they aren't identical.
// See the Harmony `egal` proposal: http://wiki.ecmascript.org/doku.php?id=harmony:egal.
if (a === b) return a !== 0 || 1/a == 1/b;
// A strict comparison is necessary because `null == undefined`.
if (a == null || b == null) return a === b;
// Unwrap any wrapped objects.
if (a._chain) a = a._wrapped;
if (b._chain) b = b._wrapped;
// Compare `[[Class]]` names.
var className = toString.call(a);
if (className != toString.call(b)) return false;
if (typeof a != 'object' || typeof b != 'object') return false;
// Assume equality for cyclic structures. The algorithm for detecting cyclic
// structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
var length = stack.length;
while (length--) {
// Linear search. Performance is inversely proportional to the number of
// unique nested structures.
if (stack[length] == a) return true;
}
// Add the first object to the stack of traversed objects.
stack.push(a);
var size = 0, result = true;
// Recursively compare objects and arrays.
if (className == '[object Array]') {
// Compare array lengths to determine if a deep comparison is necessary.
size = a.length;
result = size == b.length;
if (result) {
// Deep compare the contents, ignoring non-numeric properties.
while (size--) {
// Ensure commutative equality for sparse arrays.
if (!(result = size in a == size in b && this.isEqual(a[size], b[size], stack))) break;
}
}
} else {
// Objects with different constructors are not equivalent.
if (a.get('constructor').toString() != b.get('constructor').toString()) {
return false;
}
// Deep compare objects.
for (var key in a) {
if (a.hasOwnProperty(key)) {
// Count the expected number of properties.
size++;
// Deep compare each member.
if (!(result = b.hasOwnProperty(key))) break;
}
}
}
// Remove the first object from the stack of traversed objects.
stack.pop();
return result;
}
});
स्रोत
2012-07-17 07:42:21
जैक, मुझे लगता है कि आप उन अतिरिक्त सुविधाओं को पूरा कर सकते अगर आप अपने शीर्ष स्तर के आउटलेट एक 'ContainerView' बनाने:
Ember.View.isEqualUnderscoreisEqualका एक संशोधित संस्करण है। फिर आप 'बच्चों के दृश्य' संपत्ति के माध्यम से सीधे अपने बच्चों को कुशल बना सकते हैं, और यदि कोई बच्चा दृश्य हटा दिया गया है या सिर्फ छुपा हुआ है तो इसका नियंत्रण हो सकता है। –