jquery tmpl 예제

By agosto 2, 2019Sem categoria

최근에 jQuery 템플릿을 시도 할 기회가 생겼습니다. jQuery 템플릿은 JSON 데이터를 HTML 콘텐츠로 전송하는 데 도움이 되는 자바스크립트 라이브러리입니다. 이 링크에 따르면, 그것은 오픈 소스 jQuery 팀과 공동으로 마이크로소프트 ASP.NET 팀에 의해 개발 하 고 jQuery 1.5 출시 될 때 jQuery 코어 라이브러리 (jQuery.js 라이브러리)에 포함 될 예정 이다. 내가 그것을 시도 할 때, jQuery는 이미 버전 1.9.1로 진행했지만 여전히 포함 된 것을 볼 수 없었습니다. 적어도 jQuery의 공식 문서에서 jQuery 템플릿과 관련된 것을 찾을 수 없었습니다. 그래서 당신이 그것을 시도 하려는 경우, 당신은 다운로드 해야 합니다 jquery.tmpl.js 또는 jquery.tmpl.min.js 자체 웹사이트에서. 웹 사이트에 따라 jQuery 템플릿을 사용하는 방법에 대한 몇 가지 기본 설명서를 찾을 수 있습니다. 이 문서에서는 주로 jQuery 템플릿을 사용하는 실행 중인 예제를 제공합니다. 일부 지침 문서를 읽는 데 더 관심이 있다면 jQuery 템플릿의 웹 사이트를 살펴볼 수 있습니다. 책을 여러 번 사용하려는 경우책 템플릿을 페이징하거나 정렬하는 경우 템플릿을 함수로 컴파일하고 컴파일된 템플릿 함수를 캐시해야 합니다. 보리스무어/jquery-tmpl의 새 릴리스에 대한 알림을 원하십니까? 각 템플릿 항목(템플릿으로 데이터 항목을 렌더링한 결과)은 jQuery.tmplItem() 및 .tmplItem() 또는 $item 템플릿 변수를 사용하여 액세스할 수 있는 tmplItem 데이터 구조와 연결됩니다. jQuery.tmpl()의 옵션 매개 변수로 전달된 모든 필드 또는 anonomyous 메서드는 tmplItem 데이터 구조를 확장하므로 다음 예제와 같이 템플릿에서 사용할 수 있습니다.

대화형 탭 스트립으로 HTML: 예를 들어 이전 섹션에서 {{each}} 템플릿 태그를 사용하여 다음과 같은 각 블로그 항목에 대한 범주 목록을 표시했습니다. 템플릿. jQuery 템플릿을 사용하면 브라우저에서 데이터를 표시하고 조작할 수 있습니다. 예를 들어 jQuery 템플릿을 사용하여 Ajax 호출로 검색한 데이터베이스 레코드 집합의 서식을 지정하고 표시할 수 있습니다. 이 설명서 항목에서는 http://github.com/jquery/jquery-tmpl 다운로드할 수 있는 jQuery 템플릿 플러그인(jquery-tmpl)과 관련이 있습니다. 일반적으로 데이터는 로컬이 아니며 다음 예제와 같이 원격 서비스 또는 페이지에 대한 Ajax 요청을 사용하여 가져옵니다. 각 블로그 항목에는 관련 범주 목록이 있을 수 있습니다. 다음 페이지에서는 {if}}와 {{each}} 템플릿 태그를 사용하여 각 블로그 항목에 대한 범주를 조건부로 표시하는 방법을 보여 줍니다 #bookContainer #bookTemplate.

${NAME}

이 사람은 ${age} 세입니다. (여기에 더 많은 물건 ….) 내비게이션 $(“navLink”).live(“클릭”, 기능(e) { var clickedId = $(이).attr (“id”) var ID = “_”1″[1][1]/로드 세부 정보 $.getJSON(“data.cfc?method=json”, {“id”, “”””””””.”)에 대한 클릭을 들어요”,”함수”,””함수”,””함수”,””함수”,””함수”,””함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”.)”,”함수”,”함수”,””함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”.)”,”함수”,”.,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”,”함수”, $(“#content”).html($(“#detailTemplate”).tmpl(res)) }) e.preventDefault() }) 우리는 템플릿을 배치하는 위치에서 시작합니다. 템플릿은 아래와 같이 `텍스트/x-jquery-tmpl`으로 설정된 형식 특성이 있는 스크립트 태그 블로그에 배치할 수 있습니다.