제안 프레임 워 크 사용 경험

Suggest Framework 가 무엇 입 니까?
Suggest Framework 는 말 그대로 Google Suggest 의 작은 프레임 워 크 를 모방 하여 텍스트 상자 에 도 알림 기능 을 제공 합 니 다.Suggest Framework 를 이용 하면 자신의 사이트 에서 '입력 알림' 효 과 를 쉽게 실현 할 수 있 습 니 다. 이런 효 과 는 사용자 체험 을 어느 정도 향상 시 키 고 검색 효율 을 높 일 수 있 습 니 다.한 페이지 에 여러 개의 검색 상자 가 나타 날 수 있 고 모든 검색 상자 가 단독 설정 을 할 수 있 습 니 다.
상세 한 설명, 사용 튜 토리 얼, 소스 코드 다운로드 참조:http://www.mzwu.com/article.asp?id=1766
여기 서 기록 하고 싶 은 것 은 Suggest Framework 사용 과정 에서 발생 한 몇 가지 문제 입 니 다.
1. input 텍스트 상 자 는 id 와 name 의 값 이 일치 해 야 Suggest Framework 가 정상적으로 사용 할 수 있 습 니 다.
2. input 텍스트 상자 뒤에 다른 내용 을 병렬 로 표시 하려 면 표 나 DIV, SPAN 등 용기 로 분리 하 는 것 을 주의 하 세 요. Suggest Framework 는 자동 으로 input 뒤에 < br > 줄 을 바 꾸 고 검색 결과 의 DIV 를 추가 하기 때 문 입 니 다. 그러면 input 텍스트 상자 뒤의 원래 내용 이 줄 을 바 꿉 니 다.조심 하 세 요.
3.window.onload = initializeSuggestFramework; 이 문 구 는 플러그 인 을 초기 화 하 는 역할 입 니 다. HTML 의 BODY 도 onload 이 벤트 를 호출 했다 면 Suggest Framework 초기 문 구 를 BODY 의 onload 이벤트 코드 와 통합 하 십시오. 그렇지 않 으 면 Suggest Framework 를 초기 화 할 수 없습니다.
수 정 된 코드 의 예 는 다음 과 같다.
<head>
<script type="text/javascript" language="javascript">
//         
function init()
{
	//           
	var stype = "${sampleSearchForm.sampleType}";
	if(stype=="")
	{
		document.forms[0].sampleTypeList.selectedIndex = 0;
	}
	else
	{
		document.forms[0].sampleTypeList.value = stype;
	}
	//     
	initializeSuggestFramework();
}
</script>
</head>

<body  onload="init();" >
......  HTML  ......
......  HTML  ......

PS: 위의 1, 3 두 가지 문 제 를 해결 하기 위해 반나절 이 걸 렸 습 니 다. 아무리 해도 풀 리 지 않 았 습 니 다. 본 사람 이 저 와 같 지 않 았 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기