jquery. class. js 사용

2906 단어
최근 vtiger 의 JS 사용 을 연구 하고 있 습 니 다. 제 가 보기 에는 아주 좋 은 쓰기 입 니 다. 대상 을 대상 으로 하 는 사 고 를 사용 하고 있 습 니 다. 먼저 이 jquery. class. js 를 말씀 드 리 겠 습 니 다.
이 라 이브 러 리 는 js 류 를 쉽게 만 들 고 계승 할 수 있 습 니 다. 페이지 가 많 을 때 사용 하 는 것 을 추천 합 니 다. 그리고 현재 전단 모듈 화 는 매우 흔 합 니 다. 아래 에서 그의 용법 (인터넷 에서 문 서 를 전혀 찾 지 못 하고 모두 자신 이 모색 합 니 다)
vtiger 의 용법 은 모든 모듈 아래 몇 개의 js 파일 이 있 고 모든 JS 파일 이 하나의 대상 입 니 다. 지금 제 가 클래스 를 설명 하 겠 습 니 다. Price BooksRelatedList_Js
jQuery.Class("PriceBooks_RelatedList_Js",{
    gettest:function(){
        console.log(123);
    }
},{
    showtest:function(){
        console.log(123);
    },
    auto:function(){
        PriceBooks_RelatedList_Js.gettest();
    },
    registerEvents:function(){
        this.showtest();
    }

});

두 개의 파일 을 불 러 온 후에 위의 클래스 가 만 들 어 졌 습 니 다.
    
    

대상 의 이름 은 PriceBooksRelatedList_Js 안에 두 개의 큰 괄호 가 있 는 것 을 발 견 했 습 니 다. 그 안에 방법 을 쓸 수 있 습 니 다. 1. 첫 번 째 큰 괄호 안에 있 는 방법 은 this 로 호출 할 수 없습니다. 라벨 의 onclick 에서 호출 할 수도 있 고 PriceBooks 로 호출 할 수도 있 습 니 다.RelatedList_JS 클래스 이름 으로 호출 (첫 번 째 큰 괄호 는 보통 단 추 를 통 해 놓 거나 페이지 에서 직접 터치 하 는 방법 을 클릭 합 니 다) 2. 두 번 째 는 대상 을 사용 할 수 있 습 니 다. 방법 이름 으로 호출 (내부 JS 자체 호출 방법)

    
    
    
    
jQuery.Class("PriceBooks_RelatedList_Js",{
    gettest:function(){
        console.log(1234);
    }
},{
    showtest:function(){
        console.log(123);
    },
    registerEvents:function(){
        this.showtest();
    }
});
jQuery(document).ready(function (e) {
    var instance = new PriceBooks_RelatedList_Js();
    instance.registerEvents();
});

</code></pre> 
 <p>         ,  <br> PriceBooks_RelatedList_Js        <br> Price_RelatedList_Js      <br>            </p> 
 <pre><code>PriceBooks_RelatedList_Js("Price_RelatedList_Js",{},{
    sayHello:function(){
        console.log("hello");
    }
});
var related=new Price_RelatedList_Js();
    related.sayHello();//        hello
    related.showtest();//        123
</code></pre> 
 <p>      window['  ']   </p> 
 <pre><code>var related2=new window["Price_RelatedList_Js"]();
    related2.sayHello();
</code></pre> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1184993116327878656"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                

좋은 웹페이지 즐겨찾기