1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
define(['require',
'backbone',
'hbs!tmpl/glossary/GlossaryContainerLayoutView_tmpl'
], function(require, Backbone, GlossaryContainerLayoutViewTmpl) {
'use strict';
var GlossaryContainerLayoutView = Backbone.Marionette.LayoutView.extend(
/** @lends GlossaryContainerLayoutView */
{
_viewName: 'GlossaryContainerLayoutView',
template: GlossaryContainerLayoutViewTmpl,
/** Layout sub regions */
regions: {
RGlossaryLayoutView: "#r_glossaryLayoutView",
RGlossaryDetailLayoutView: "#r_glossaryDetailLayoutView"
},
/** ui selector cache */
ui: {},
/** ui events hash */
events: function() {},
bindEvents: function() {
var that = this;
if (this.options.categoryEvent) {
this.options.categoryEvent.on("Success:Category", function(options) {
console.log("categoryEvent:");
that.renderGlossaryDetailLayoutView(that.options);
})
}
},
/**
* intialize a new GlossaryContainerLayoutView Layout
* @constructs
*/
initialize: function(options) {
_.extend(this.options, options);
this.bindEvents();
},
onRender: function() {
this.renderGlossaryDetailLayoutView(this.options);
},
manualRender: function(options) {
_.extend(this.options, options);
this.renderGlossaryDetailLayoutView(this.options);
},
onBeforeDestroy: function() {
this.options.categoryEvent.off("Success:Category")
},
loadGlossaryLayoutView: function(isSuccessCategory) {
if (this.options.value.gType == "category") {
return;
}
this.renderGlossaryDetailLayoutView(this.options);
},
renderGlossaryDetailLayoutView: function(options) {
var that = this;
require(["views/glossary/GlossaryDetailLayoutView"], function(GlossaryDetailLayoutView) {
if (!that.isDestroyed) {
that.RGlossaryDetailLayoutView.show(new GlossaryDetailLayoutView(options));
}
});
}
});
return GlossaryContainerLayoutView;
});