레이유이 오픈 닫는 방법
layui 열기를 닫는 방법: 먼저 js 부분을 열고 본 다음 기사 수정 페이지로 이동합니다. 마지막으로 "articleUpdate.jsp"의 JS 부분에서 "layer.close(index)" 메서드를 사용하여 특정 부분을 닫습니다. 층.
이 튜토리얼의 운영 환경: windows10 시스템,layui2.5.6 이 기사는 모든 브랜드의 컴퓨터에 적용됩니다.
추천: "layui 튜토리얼"
layui-open은 자체 창 솔루션을 닫습니다
1 여기 팝업 창은 페이지를 팝업합니다. 배경 페이지
1.1, 팝업 창 구현
1.1.1, js 부분
function getArticleById(articleId){ var index = layer.open({ type: 2, title: '修改管理员', area: ['90%', '95%'], shade: 0.8, resize: false, fixed: false, move: false, shadeClose: false, content: '${ctxPath}/article/getArticleById?articleId='+articleId }); }
1.1.2, 배경 Java 부분
/** * 去到修改文章页面 * */ @RequestMapping("/getArticleById") public String getArticleById(@RequestParam("articleId") Integer articleId,Model model) { MrtArticle mrtArticle = mrtArticleService.getArticleById(articleId); model.addAttribute("mrtArticle",mrtArticle); return "article/articleUpdate"; }
''s 1. 1. out 1. 1. 1. 1. .2. 팝업 창을 닫습니다. ArticleUpdate.jsp의 JS 부분에 다음 두 줄의 코드를 사용하여 자체적으로 닫습니다
//当你在iframe页面关闭自身时 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 layer.alert('提交成功', { skin: 'layui-layer-molv' //样式类名 自定义样式 ,closeBtn: 1 // 是否显示关闭按钮 ,anim: 1 //动画类型 ,btn: ['确定'] //按钮 ,icon: 6 // icon ,yes:function(){ //当你在iframe页面关闭自身时 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 } });
layer.close(index) - 특정 레이어를 닫습니다
It 굳이 많이 소개할 필요는 없을 것 같은데, 헷갈리게 만드는 게 바로 이
색인
codelayui.code
//현재 페이지의 레이어를 닫고 싶을 때
- var index = layer.open();
- var index = layer.alert();
- var index = layer. load();
- var index = layer.tips();
- //보시다시피 모든 탄력적 레이어 호출 메서드는 index
- layer.close(index)를 반환합니다. //이때 필요한 것은 얻은 인덱스를 layer.close에 부드럽게 할당
- //최신 팝업 레이어를 닫고 싶다면 layer.index를 직접 가져오세요
- layer.close(layer.index) //얻는 것 은 항상 최신 팝업 레이어이며 값은 레이어 내에서 동적으로 증분적으로 계산됩니다
- //iframe 페이지에서 자신을 닫을 때
- var index = parent.layer.getFrameIndex(window. name); //현재 iframe 레이어의 인덱스를 먼저 가져옵니다
- parent.layer.close(index); //그런 다음 close
- layer.closeAll(type)을 실행합니다. 레이어
- layer.closeAll() //미친 모드, 모든 레이어 닫기
- layer.closeAll('dialog') ; / /정보 상자 닫기
- layer.closeAll('page'); //모든 페이지 레이어 닫기
- layer.closeAll('iframe') //모든 iframe 레이어 닫기
- layer.closeAll('loading' ); //로드 레이어 닫기
- layer.closeAll('tips') //모든 팁 레이어 닫기
게으른 경우 색인을 가져오고 싶지 않고그냥 닫고 싶을 뿐입니다. 그렇다면 closeAll이 정말 도움이 될 것입니다. 레이어 유형을 지정하지 않으면 현재 페이지의 모든 레이어가 삭제됩니다. 물론 특정 유형의 레이어만 닫고 싶다면
codelayui.code
위 내용은 레이유이 오픈 닫는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제









이 기사는 Layui의 모듈 식 하중 시스템을 설명하여 사용, 혜택, 사용자 정의 및 문제 해결을 자세히 설명합니다. 주요 초점은 프로젝트의 모듈 종속성을 관리하고 최적화하는 것입니다.

기사는 더 빠른 웹 사이트로드를 위해 Layui의 CDN을 사용하여 설정 단계 및 성능 이점을 자세히 설명하고 타사 의존성 및 보안 문제와 같은 잠재적 문제를 언급합니다.

단순성과 성능으로 알려진 Layui는 설계, 구성 요소 및 통합 편의성에 대한 부트 스트랩 및 시맨틱 UI와 비교됩니다. Layui는 모듈성 및 중국 지원에 뛰어납니다. (159 자)

기사는 CSS를 사용하여 Layui의 기본 스타일 사용자 정의에 대해 설명하고 효과적인 수정을위한 우선 기술 및 모범 사례에 중점을 둡니다.

이 기사는 Semantic HTML, 키보드 내비게이션, ARIA 속성, 색상 대비, 텍스트 대안 및 반응 형 디자인에 중점을 둔 LAYUI를 사용한 접근성 모범 사례 구현에 대해 논의합니다.

이 기사에서는 브라우저 콘솔 확인, 버전 확인 및 커뮤니티 리소스 사용과 같은 단계를 제공하는 문제 해결 및 디버깅 Layui 문제에 대해 설명합니다. 또한 일반적인 layui 오류와 수정 사항을 나열합니다.

이 기사는 HTTP 요청을 최소화하고 CSS/JavaScript 최적화, 게으른로드, 캐싱 및 코드 분할을 사용하여 성능을 위해 Layui 최적화에 대해 논의합니다. 또한로드 시간을 줄이고 모바일 응답 성 향상,

Layui는 기본 웹 앱을 넘어 스파, 실시간 대시 보드, PWA 및 복잡한 데이터 시각화로 확장되어 모듈 식 설계 및 풍부한 UI 구성 요소를 사용하여 엔터프라이즈 수준의 사용자 경험을 향상시킵니다 (159 자)
