RESTful URL с Backbone необходимой помощи с URL перенаправления

Question

Это небольшой peice кода в моей index.html:

<a href="#driver.html"><button type="button" 
class="btn btn-default btn-large active style="border-right-color: white">Drivers</button></a> 

мои router.js я включил вид

routes: { 
    '': 'defaultAction', 
    'drivers':'driver' 

} 

driver:function(){ 
console.log("Drivers"); 
var addview = new AddDriverView({el: $("#content")}); 

// Я хочу загрузить представление в свой контент, поэтому #content addview.render();

);}

Выход в консоли драйверов. Теперь я хочу, чтобы функция драйвера загружала представление. как ?

Update Мое мнение я дал в

 var AddDriverView = Backbone.View.extend({ 
       el: '#addDriver', // addDriver is the id of the form of the view i have created as view.adddriver.htm(it comtains only the form and nothing else.) 

       events: { 
        'submit': 'submit' 
       }, 
       ***render: function() { 
        $(this.el).html();  
       },*** 

       submit: function(e) { 
// some code 
} 
}); 

является функция визуализации правильно ?? все, что я пытаюсь, чтобы оказать форму ...

@kunerd

Answer 1

Есть много ресурсов в Интернете о том, как создать экземпляр представления Backbone.

Пожалуйста, прочитайте это: What is a view?

А затем посмотреть на соответствующий jsFiddle

EDIT: Как я могу видеть до сих пор, ваша проблема в том, что вы не вызываете ваши взгляды render() метода в любом месте. Вы можете вызвать его после инициализации в своем маршрутизаторе, или вы можете вызвать его в методах initialize.

в контроллере:

AppRouter = Backbone.Route.extend({ 
    ... 
    driver:function(){ 
    console.log("Drivers"); 
    var addview = new AddDriverView({el: $("#content")}); 
    addView.render(); 
    } 
    ... 
}); 

или в виде:

AddDriverView = Backbone.View.extend({ 
    initialize: function() { 
    this.render(); 
    } 
}); 

EDIT: объяснение функции драйвера маршрутизаторов: new AddDriverView({el: $("#content")}); создает новый экземпляр вашего класса AddDriverView. Свойство el привязывает этот вид к существующему элементу DOM с идентификатором content. Если вы не укажете, что одна базовая линия всегда будет создавать элемент DIV. Вызов метода addView.render() сообщает вашему новому создаваемому представлению, чтобы отобразить его содержимое в DOM, и там в элементе с идентификатором content. За дополнительной информацией просьба обращаться по адресу Backbone's Documentation.

Также вам необходимо указать ваш контент #addDriver в качестве шаблона на ваш взгляд.

render: function(){ 
    var template = _.template($("#search_template").html(),{}); 
    this.$el.html(template); 
} 

Этот jsFiddle должен вам помочь. Вот еще информация о underscore templates, потому что она используется выше.

Но есть много способов создания представлений и способов использования маршрутизатора. Для получения дополнительной информации см. Это question and answer.