신속 하 고 쉽게: Jquery를 사용 하 여 SharePoint 양식 텍스트 필드를 숨길

이것은 또 다른 게시물에 내 -시리즈 사용 하는 방법에 jQuery Sharepoint와 함께.
Jquery에 대 한 자세한 정보를 원하는 경우, 매우 추천: 액션 jQuery 베어 Bibeault 및 예 후 다 카 츠.

업데이트 (이미!): 더 좋은 방법을 찾으려고 생각 했는 <TR> 숨기고 싶은 태그와 여기 그것에 대해 쓴. 당신은 여전히 찾을 수 있습니다이 문서 재미 어쨌든 그래서 난 leavnig 그것을.

텍스트 필드를 숨기고 싶은, "나를 숨기기!"같이:

image

다음 jQuery 나를 위해 목적을 달성을 한다합니다:

<스크립트 유형 ="텍스트/자바 스크립트">

  $(함수() {


    $(' 입력[제목 = 나 숨기기!]').부모().부모().부모().숨기기();

  });

</스크립트>

코드는 말이, "내게 모든 입력 필드의 제목 찾기 = 나 숨기기!. 다음, 그것의 부모 및 다음 부모와 * 다음 * 부모 (휴!) 호출 숨기기() 일 방법, 뭐 든 될 일이.

SharePoint와 같이 만든 폼에 대 한 HTML을 확인 하 여 해당 부모 구조 파악:

<TR>
    <TD nowrap= "true" 세로 맞춤"탑 =" 너비= "190px" 클래스"ms-formlabel" =>
        <H3 클래스"ms-standardheader" =>
            <nobr>나를 숨기기!</nobr>
        </H3>
    </TD>

    <TD 세로 맞춤"탑 =" 클래스"ms-formbody =" 너비"400px" =>
        <!-- FieldName "숨기기 나 =!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType "SPFieldText ="
        -->
        <범위 dir= "없음">
            <입력
                이름= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ 텍스트 필드"
                유형= "텍스트"
                최대 길이= "255"
                id"ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField ="
                제목"숨기기 나 =!"
                클래스"ms-긴 =" />
                <br>
        </범위>


    </TD>
</TR>

이 사진은 같은 보여줍니다., 하지만 부모와 함께 표시:

image

첫 번째 부모 (1) span 태그는. 스팬의 부모 (2) TD 태그 그리고 마지막으로 우리가 진짜 부모 숨기고 싶은 (3) TR 태그 자체는.

이것이 내가 생각 하는 그것은 매우이 폼의 매우 구체적인 구조에 의존 하기 때문에 아주 끔찍한 접근. 때 SharePoint 2010 밖으로 나오는, 이 전체 구조 수 변경 하 고이 방법은 휴식. 공예의 라인을 따라 jQuery 선택기 "찾을 모든 TR은 정말 해야 합니다. (그리고 유일한 TR 태그) 그는 어딘가에 자신의 자식 요소에서 입력된 필드 누구의 제목 = 나 숨기기!”. 바닥에서 시작 하 고 이동. 이것을 알아낼 가정, 업데이트 된 게시물 거 야 "신속 하 고 쉽게 ' 게시물.

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

del.icio.us 태그: ,

하나는 "에 대한 생각신속 하 고 쉽게: Jquery를 사용 하 여 SharePoint 양식 텍스트 필드를 숨길

  1. 야프 Vossers

    부모를 찾기 위해이 방법에 대 한 어떤 tr? Tr 요소에 있는 조상 노드 컬렉션에 있는 첫 번째 노드, 결과에 가장 가까운 부모 tr.

    .부모("tr:첫 번째")

    회신

응답을 남기다

귀하의 이메일 주소는 공개되지 않습니다. 필요 입력 사항은 표시되어 있습니다 *