Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

爱喝马黛茶的安东尼
풀어 주다: 2019-07-11 14:09:47
원래의
4440명이 탐색했습니다.

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

1 먼저 시각적인 인터페이스 작업을 수행합니다. 그림과 같이 2개의 데이터가 있습니다.

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

2 일괄 삭제할 데이터를 선택합니다.

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

3 삭제 버튼을 클릭하면 프롬프트 코드가 나타납니다

layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){ batchDel(resSubInfoIds); }, function(){ });
로그인 후 복사

batchDel을 호출하여 실제 일괄 삭제 방법을 호출합니다.

# #

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

4. 일괄 삭제 후 결과 인터페이스입니다.

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법

관련 권장사항: "

layui 프레임워크 튜토리얼"

5. , 이는 나중에 일괄 삭제 시 사용되므로 이 방법은 재사용되어 초기 데이터 로드 및 일괄 삭제 프로세스에서 사용됩니다.

function load(pageNum, params){ params = params || {}; params.current = pageNum; $.post(ctxBack+"/XXXXXX/list", params, function(result){ if(false === result.success){ layer.alert(result.message || "专题数据加载失败", {icon: 2,title:'错误'}); return; } laytpl(gridTpl).render(result.data.records, function(html){ $(gridPanelId + " table tbody").empty().append(html); }); //缓存查询参数 gridParams.page = result.data.current; gridParams.params = params; renderPage($(gridPanelId + " .panel-footer"), result.data, load, params); }).error(function(){ layer.alert("专题数据加载失败", {icon: 2,title:'错误'}); }); }
로그인 후 복사

Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법# # 6. 일괄 삭제 및 새로 고침 후 삭제 방법은 실제로 데이터를 한 번 로드하기 위해 초기화 방법을 다시 요청하는 것입니다. 코드는 다음과 같습니다.

/** * 删除专题 */ function del(){ var resSubInfoIds=getCheckedData(); if(resSubInfoIds == ""){ layer.msg("请选择需要删除的专题"); return ; } layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){ batchDel(resSubInfoIds); }, function(){ }); } /** * 批量删除 */ function batchDel(resSubInfoIds){ var loading = layer.load(2, { shade: [0.3,'#fff']}); params={resSubInfoIds:resSubInfoIds}; $.post(ctxBack+"/XXXXXX/batchDel", params, function(result){ if(false === result.success){ layer.alert(result.message || "专题删除失败", {icon: 2,title:'错误'}); return; } layer.msg("专题删除成功"); }).error(function(){ layer.alert("专题删除失败", {icon: 2,title:'错误'}); }).complete(function(){ layer.close(loading); //加载完成关闭loading load(gridParams.page, gridParams.params); //更新当前页 }); }
로그인 후 복사
# ## #

위 내용은 Layui에서 일괄 삭제를 위해 현재 페이지를 새로 고치는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!