Backbone.Notifier를 사용하여 사용자 정의보기 표시

Question

경고 표시에 Backbone.Notifier을 사용하고 있습니다. 어떻게 내부에 사용자 정의 백본보기를 표시 할 수 있습니까? 제안 사항이 있으십니까?

Answer 1

자신 만의 사용자 지정보기를 추가하는 것이 적절하지 않다고 생각하십시오. 알림보기의 사용자 정의는 CSS를 통해 이루어집니다. 기본 알림 창에 '알리미'CSS 클래스를 사용하여 사용자 정의를 위해

buttons: [ 
    {'data-role': 'myOk', text: 'Sure', 'class': 'default', css: {width: 120}}, 
    {'data-role': 'myOk', text: 'Yes'}] 

:

버튼을 사용자 정의 당신은 CSS 속성을 사용할 수 있습니다.

알리미의 'baseCls'속성을 사용하여 변경할 수 있습니다.

유감스럽게도 내 생각에는 백본보기를 알리미에 할당하는 방법이 없다고 생각합니다. 그러나 미학을 사용자 정의하면 원하는 CSS 만 있으면 충분합니다.

실제로 해킹 된 접근 방식을 원한다면 표준 백본보기 인 NotificationView (Notifier 클래스의 일부인 Backbone.Notifier.NotificationView)를 사용할 수 있습니다. 이것을 구현에 우선 적용 해 볼 수는 있지만 확실히 해킹 된 것이므로 권장하지 않습니다. notifer.js 소스 코드를 살펴볼 필요가 있습니다.

Answer 2

내가 반환 문 앞에 기능을 통지 플러그인

에서 내부에 다음 행을 추가하고 backbone.notifier 안에 내 사용자 정의보기를

....... 

    if(options.custView){ 
     msgInner.off('click'); //the turn off default behaviour which is to destroy view on click 
     options.custView.destroyNotifier = removeFn; //now in the custom view i just call this.destroyNotification to destroy the notification 
     msgView.$el.find('.notifier-message').html(options.custView.render().el); //pasting my view on notification to display 
    }     
    return msgView; 
} 

이 내가 지금 플러그인

에게 전화하는 방법입니다 표시하려면

var notifier = new Backbone.Notifier({ 
      el : 'body', 
      theme : 'clean' 
     }); 

notifier.notify({ 
    custView : (new SomeView({ 
      x : 'xyz' 
     })), 
    ms : false, //to aviod a timeout 
    destroy : true 
})