>웹 프론트엔드 >JS 튜토리얼 >jquery_jquery의 EasyUI 사용 팁 요약

jquery_jquery의 EasyUI 사용 팁 요약

WBOY
WBOY원래의
2016-05-16 16:14:591218검색

콤보박스 구성요소

1. 콤보박스 입력란 비활성화

코드 복사 코드는 다음과 같습니다.

$("selector").combo('textbox').attr("readonly", "readonly");
$('선택기').combobox({
편집 가능:false ,
패널 높이:300
});

2. 장애인

코드 복사 코드는 다음과 같습니다.

​$('selector').combobox('disable');

3. 옵션 텍스트 및 값 가져오기

코드 복사 코드는 다음과 같습니다.

$("selector").combobox("getText")//옵션 텍스트 가져오기
$("selector").combobox("getValue")//옵션 값 가져오기

4. 포커스가 자동으로 확장되고 Enter를 누르면 작업이 수행됩니다

코드 복사 코드는 다음과 같습니다.

$("선택기").focus(함수 () {
$(this).combo('showPanel');
$(this).combo('textbox').focus();
$($(this).combo('textbox')).unbind("keyup").bind("keyup", 함수 (e) {
If (e.keyCode == 13) {

//뭔가를 해보세요
}
});
});

2. 팝업 레이어가 팝업되면 기본적으로 첫 번째 버튼에 포커스가 있습니다. Enter 키를 눌러 해당 기능을 실행한 후 닫으세요. 단, 웹브라우저를 사용하여 표시한 후에는 사용할 수 없습니다. cs 프로그램.

따라서 본문 키업 이벤트를 모니터링하는 방법은 다음과 같습니다. 차이점은 버튼에 포커스가 있는지 여부에 관계없이 클릭 이벤트가 트리거될 수 있다는 점입니다. 이는 모달 창과 비슷합니다. (팝업창에서 엔터를 누르면 종료되는 메소드이므로 권장하지 않습니다.)

코드 복사 코드는 다음과 같습니다.

$('body').live('keyup',function(e){
If(e.keyCode == 13){
           $('.window').map(function(){
If($(this).css('display') == '차단'){
                  $(this).find('.messager-button').children("a:first").click();
                  $(this).find('.dialog-button').children("a:first").click();
            }
        });
}
});

참고: 많은 네티즌들이 관련 글을 쓰는 걸 보고 저도 사용해 보니 너무 느려요. 페이지가 로딩되면 약 2초 동안 완전히 흰색이 되므로(라이브러리 파일에 대한 참조일 뿐임) 성능은 많은 사람들이 사용해도 괜찮을 것입니다. 다니엘이 나에게 조언을 해주기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.