검색 쿼리 페이지 사용자 정의

쿼리 양식에는 검색 모음, 쿼리 입력 상자, 제출 버튼의 확인란 목록이 포함되어 있습니다. 양식은 <s1ws:form> 태그와 <collElem>, <queryBox> 및 <submitButton> 태그를 기본값과 함께 사용하여 만듭니다.

<s1ws:form>
    <s1ws:collElem>
    <s1ws:queryBox> <s1ws:submitButton>
</s1ws:form>

쿼리 양식은 중간, 세로 막대 등 페이지의 어느 곳에나 배치할 수 있습니다. 또한 모음 선택 상자, 쿼리 문자열 입력 상자, 제출 버튼이 수직으로 나열된 크로스바 또는 모음이 확인란으로 나타나고 쿼리 입력 상자 및 제출 버튼이 그 아래 위치하는 블록과 같은 다른 형식으로도 표시될 수 있습니다.

다음 예는 <searchForm> 태그 집합을 사용하여 다른 형식으로 쿼리 형식을 작성하는 방법을 보여줍니다.

수평 막대

아래의 샘플 코드는 모든 모음의 선택 상자, 쿼리 입력 상자, 제출 버튼이 한 행에 나란히 표시된 양식을 만듭니다.

<s1ws:form>
    <table cellspacing="0" cellpadding="3" border="0">
    <tr class="navBar">
        <td class="navBar"><s1ws:collElem type=”select”></td>
        <td class="navBar">
            <s1ws:querybox size="30">
            <s1ws:submitButton class="navBar" style="padding: 0px; margin: 0px; width: 50px">
        </td>
    </tr>
    </table>
</s1ws:form>

세로 막대 블록에서

양식 요소를 세로 막대에 정렬할 수 있으며 세로 막대의 다른 항목과 같은 형식을 사용한 "Search"라는 제목이 있는 양식 블록을 만들 수 있습니다. 이러한 정렬의 효과는 다음 그림에 표시된 것과 같습니다.

세로 막대에 양식 요소가 있는 사용자 정의된 쿼리 페이지

아래의 샘플 코드에서 양식 본문에는 사용 가능한 검색 모음을 나열하며 한 열로 정렬된 세 개의 확인란이 포함됩니다. 아래에는 쿼리 입력 상자와 제출 버튼이 배치됩니다.

<s1ws:searchForm>
    <table>
<!--... other sidebar items ... -->
    <tr class="Title"><td>Search</td></tr>
    <tr class="Body">
        <td>
        <table cellspacing="0" cellpadding="3" border="0">
        <tr class="formBlock">
            <td class="formBlock"> <s1ws:collElem type="checkbox" cols="1" values="1,0,1,0" /> </td>
        </tr>
        <tr class="formBlock">
            <td class="formBlock"> <s1ws:querybox size="15" maxlength="50"> </td>
        </tr>
        <tr class="formBlock">
            <td class="formBlock"> <s1ws:submitButton class="navBar" style="padding: 0px; margin: 0px; width: 50px"> </td>
        </tr>
        </table>
        </td>
    </tr>
    </table>
</s1ws:searchForm>