ব্যাকবোন.ভিউ "এল" বিভ্রান্তি

Question 1

কিভাবে একটি দৃশ্য elপরিচালনা করা উচিত ? এটি সেট করতে হবে, অন্যথায় ইভেন্টগুলি আগুন দেয় না ( এখানে দেখুন )।

তবে এটি এমন কোনও উপাদান হওয়া উচিত যা ইতিমধ্যে পৃষ্ঠায় রয়েছে? আমার অ্যাপ্লিকেশনটিতে, আমি একটি (jQuery টেমপ্লেট) টেমপ্লেটটিকে একটি ফিন্সিবক্সে রেন্ডার করি। এক্ষেত্রে কী হওয়া উচিত el?

Question 2

একটি ইভেন্ট এল যেখানে সমস্ত ইভেন্টের বাইন্ডিং হয়। আপনাকে এটি ব্যবহার করতে হবে না তবে আপনি যদি আগুনের ইভেন্টগুলিতে ব্যাক হোন করতে চান তবে আপনার এলেন্ডারে আপনার রেন্ডারিংয়ের কাজটি করা উচিত। একটি দর্শন এল একটি ডিওএম উপাদান তবে এটি প্রাক-বিদ্যমান উপাদান হতে হবে না। আপনি যদি আপনার বর্তমান পৃষ্ঠা থেকে কোনওটি না টানেন তবে এটি তৈরি করা হবে তবে আপনি যদি কখনও কিছু দেখতে চান তবে আপনাকে এটি পৃষ্ঠাতে সন্নিবেশ করতে হবে।

একটি উদাহরণ: আমার কাছে একটি ভিউ রয়েছে যা পৃথক আইটেম তৈরি করে

window.ItemView = Backbone.View.extend({
    tagName: "li", //this defaults to div if you don't declare it.
    template: _.template("<p><%= someModelKey %></p>"),
    events: {
         //this event will be attached to the model elements in
         //the el of every view inserted by AppView below
        "click": "someFunctionThatDoesSomething"
    },
    initialize: function () { 
        _.bindAll(this, "render");
        this.render();
    },
    render: function () {
        this.el.innerHTML = this.template(this.model.toJSON());
        return this;
    }
});
window.AppView = Backbone.View.extend({
    el: $("#someElementID"), //Here we actually grab a pre-existing element
    initialize: function () { 
        _.bindAll(this, "render");
        this.render(new myModel());
    },
    render: function (item) { 
        var view = new ItemView({ model: item });
        this.el.append(view.render().el);
    }
});

প্রথম দৃশ্যটি কেবল তালিকার আইটেমগুলি তৈরি করে এবং দ্বিতীয় দৃশ্যটি এগুলিকে পৃষ্ঠাতে রাখে। আমি মনে করি এটি ব্যাকবোন.জেএস সাইটে টোডো উদাহরণে যা ঘটেছিল তার সাথে বেশ মিল । আমি মনে করি কনভেনশন হ'ল আপনাকে লিখিত সামগ্রী সরবরাহ করতে re সুতরাং এল আপনার টেম্পলেটযুক্ত সামগ্রী স্থাপনের জন্য অবতরণ স্থান বা একটি ধারক হিসাবে কাজ করে। ব্যাকবোন তার ইভেন্টগুলি এর অভ্যন্তরের মডেল ডেটার সাথে আবদ্ধ করে।

যখন আপনি একটি দৃশ্য তৈরি আপনি ব্যবহার চার উপায় এল নিপূণভাবে পারেন el:, tagName:, className:, এবং id:। যদি এগুলির কোনওটিই আইডি বা শ্রেণিবিহীন কোনও ডিভিতে এল ডিফল্ট হিসাবে ঘোষিত না হয়। এটি এই সময়ে পৃষ্ঠার সাথেও যুক্ত নয়। আপনি ট্যাগ নাম ব্যবহার করে ট্যাগটি অন্য কোনওটিতে পরিবর্তন করতে পারেন (যেমন tagName: "li", আপনাকে একটি এল প্রদান করবে <li></li>)। আপনি একইভাবে এল এর আইডি এবং ক্লাস সেট করতে পারেন। তবুও এল আপনার পৃষ্ঠার অংশ নয়। এল সম্পত্তি আপনাকে এল বস্তুর খুব সূক্ষ্ম শস্য ম্যানিপুলেশন করতে দেয়। বেশিরভাগ সময় আমি একটি ব্যবহার করিel: $("someElementInThePage")যা প্রকৃতপক্ষে আপনার বর্তমান পৃষ্ঠায় আপনার দৃষ্টিভঙ্গিতে এল করার জন্য সমস্ত কারচুপিকে আবদ্ধ করে। অন্যথায় যদি আপনি পৃষ্ঠায় আপনার ভিউতে সমস্ত কঠোর পরিশ্রম দেখতে চান তবে আপনার নিজের ভিউতে অন্য কোনও পৃষ্ঠাতে সম্ভবত এটি সন্নিবেশ / সংযুক্ত করতে হবে (সম্ভবত রেন্ডারে) in আমি এলটিকে এমন ধারক হিসাবে ভাবতে চাই যা আপনার সমস্ত দৃষ্টিভঙ্গি পরিচালনা করে।

Question 3

বিট এখন বয়স্ক, তবে আমিও বিভ্রান্ত হয়ে পড়েছিলাম, এবং অন্য যে লোকেরা এখানে আসে তাদের পক্ষে এই ঝাঁকুনি সাহায্য করতে পারে - http://jsfiddle.net/hRndn/2/

var MyView = Backbone.View.extend({

    events: {
        "click .btn" : "sayHello",
    },

    sayHello : function() {
        alert("Hello");
    },


    render : function() {
        this.$el.html("<input type='button' class='btn' value='Say Hello'></input>");

    }
});

$(function() {
    myView = new MyView({el:"#parent_id"});
    myView.render();
});

Question 4

আপনি চান যে আপনার 'এল' এমন কোনও উপাদানকে রেফারেন্স করতে চান যাতে কোনও শিশু উপাদান রয়েছে যা আপনার দৃষ্টিকোণে পরিবর্তন ঘটাতে পারে এমন কোনও ইভেন্ট রয়েছে। "বডি" ট্যাগের মতো চওড়া হতে পারে।