Ext.ux.form.lovCombo 응용 에 대한 주의사항

2289 단어 cssextBlog
오늘 은 Ext.ux.form.lov Combo 컨트롤 을 사 용 했 습 니 다.블 로그 에서 제공 하 는 많은 지식 점 과 인 스 턴 스 코드 에 따라 오후 내 내 해 결 했 습 니 다.이 과정 에서 몇 가지 문제 가 발생 했 습 니 다.
1.드 롭 다운 목록 을 선택 한 후 드 롭 다운 목록 을 접 으 면 선택 한 값 이 사라 집 니 다.
   블 로그 에 관련 글 이 있어 요.
http://atian25.iteye.com/blog/433901
   근 데 나중에 예시 코드 를 봤 어 요.
http://lovcombo.extjs.eu/
   자신 이 사용 할 때 아래 의 이 코드 만 잊 지 말고 쓰 면 문제 가 없 을 것 이다.
  
 //  combo   beforeBlur
  Ext.override(Ext.ux.form.LovCombo, { 
	beforeBlur: Ext.emptyFn 
  });

  여러분,시험 해 보 세 요.
2.드 롭 다운 목록 은 드 롭 다운 할 수 있 지만 체크 상자 가 표시 되 지 않 습 니 다.
   이 주요 원인 은 Ext.ux.form.lovComb.css 파일 의 그림 경로 입 니 다.
   파일 을 참조 하 는 경로 가 올 바 르 게 설정 되 지 않 았 습 니 다.
   자세 한 설정 은 괜 찮 습 니 다.
.ux-lovcombo-icon-checked {  
    background: transparent      url("../ext/resources/images/default/menu/checked.gif");  
}  
.ux-lovcombo-icon-unchecked {  
    background: transparent url("../ext/resources/images/default/menu/unchecked.gif");  
}

<link rel="stylesheet" type="text/css" href="../resources/css3/lovcombo.css"/>

3.드 롭 다운 하면 데이터 가 보이 지 않 습 니 다.위의 예제 코드 예 로 차단 되 지 않 은 데 이 터 를 표시 하지 않 고 차단 되 는 것 으로 바 꾸 면 됩 니 다.구체 적 인 원인 이 명확 하지 않 습 니 다.여기 서 관건 은 이 두 가지 속성 입 니 다.
      
 valueField:'vkey',  
       	displayField:'vdesc', 

잘 못 썼 으 니 필요 한 것 은 볼 수 있다.이 컨트롤 은 사용 빈도 가 비교적 높 습 니 다.시간 이 있 으 면 스타일 을 쓰 세 요.드 롭 다운 목록 의 가로줄 과 세로 줄 을 결합 시 켜 서 아 는 친 구 는 댓 글로 쓸 수 있 습 니 다!
비교적 전면적 인 문장 은 참고 할 수 있다
http://www.iteye.com/topic/447342
http://lovcombo.extjs.eu/
http://www.iteye.com/topic/376729
http://www.iteye.com/topic/340900

좋은 웹페이지 즐겨찾기