Marionette.js 4 - Application

Marionette.Application




marionette

Marionette.Application

Application अन्य तत्वों और एक दृश्य पेड़ को व्यवस्थित करने और आरंभ करने के लिए हुक प्रदान करता है।

Application शामिल हैं:

MnObject के एपीआई के अलावा, एप्लिकेशन दो महत्वपूर्ण अतिरिक्त प्रदान करता है। start साथ एक साधारण जीवन चक्र हुक और एक दृश्य पेड़ को संलग्न करने के लिए एक क्षेत्र

एक अतिरिक्त अंतर Application cidPrefix mna

प्रलेखन सूचकांक

एक अनुप्रयोग Instantiating

जब किसी Application को channelName करते हैं, तो कई गुण होते हैं, यदि पारित हो, तो यह सीधे उदाहरण से जुड़ा होगा: channelName , radioEvents , radioRequests , region , regionClass

import { Application } from 'backbone.marionette';

const myApplication = new Application({ ... });

एक आवेदन शुरू करना

एक बार जब आप अपना एप्लिकेशन कॉन्फ़िगर कर लेते हैं, तो आप कॉल करके सब कुछ बंद कर सकते हैं: myApp.start(options)

यह फ़ंक्शन घटनाओं के साथ गुजरने के लिए एकल वैकल्पिक तर्क लेता है।

import Bb from 'backbone';
import { Application } from 'backbone.marionette';

const MyApp = Application.extend({
  region: '#root-element',

  initialize(options) {
    console.log('Initialize');
  },

  onBeforeStart(app, options) {
    this.model = new MyModel(options.data);
  },

  onStart(app, options) {
    this.showView(new MyView({model: this.model}));
    Bb.history.start();
  }
});

const myApp = new MyApp();

myApp.start({
  data: {
    id: 1,
    text: 'value'
  }
});

जीवंत उदाहरण

आवेदन क्षेत्र

एक Application एक पेड़ देखने के लिए एक region प्रदान करता है। region संपत्ति को कई तरीकों से परिभाषित किया जा सकता है

import { Application } from 'backbone.marionette';
import RootView from './views/root';

const MyApp = Application.extend({
  region: '#root-element',

  onStart() {
    this.showView(new RootView());
  }
});

const myApp = new MyApp();
myApp.start();

जीवंत उदाहरण

यह तुरंत RootView रेंडर करेगा और before:attach तरह सामान्य ट्रिगर्स को फायर करेगा before:attach अलावा before:attach और attach before:render ट्रिगर्स को before:render और render

region को तात्कालिकता के दौरान एक विकल्प के रूप में भी पारित किया जा सकता है।

regionClass

डिफ़ॉल्ट रूप से इस region का उपयोग Application के क्षेत्र को त्वरित करने के लिए किया जाता है। डिफ़ॉल्ट को ओवरराइड करने के लिए एक विस्तारित क्षेत्र को Application परिभाषा प्रदान की जा सकती है।

import { Application, Region } from 'backbone.marionette';

const MyRegion = Region.extend({
  isSpecial: true
});

const MyApp = Application.extend({
  regionClass: MyRegion
});

const myApp = new Application({ region: '#foo' });

myApp.getRegion().isSpecial; // true

regionClass दौरान regionClass को एक विकल्प के रूप में भी पास किया जा सकता है।

आवेदन क्षेत्र के तरीके

Marionette Application अपने संलग्न क्षेत्र के प्रबंधन के लिए सहायक विधियाँ प्रदान करता है।

getRegion()

एप्लिकेशन के लिए संलग्न region लौटाएं।

showView(view)

एप्लिकेशन से जुड़े क्षेत्र में एक View उदाहरण प्रदर्शित करें। यह View lifecycle चलाता है।

getView()

वर्तमान में एप्लिकेशन के संलग्न region में प्रदर्शित होने वाला दृश्य लौटाएं। यदि अनुप्रयोग वर्तमान में दृश्य प्रदर्शित नहीं कर रहा है, तो यह विधि undefined