Jquery_jquery 아래 EasyUI 구성 요소의 DataGrid 결과 집합 지우기 방법-JS 튜토리얼-php.cn

Jquery_jquery 아래 EasyUI 구성 요소의 DataGrid 결과 집합 지우기 방법

WBOY

풀어 주다： 2016-05-16 17:05:16

원래의

1612명이 탐색했습니다.

아래와 같은 모듈이 있습니다. "지역" 및 "대행사 회사"를 선택한 후 첫 번째 DataGrid 프레임

을 새로 고치고 클릭하여 첫 번째 결과 집합의 행동 데이터 조건을 기반으로 다음 프레임을 완료합니다.

Jquery_jquery 아래 EasyUI 구성 요소의 DataGrid 결과 집합 지우기 방법

이제 해당 기능이 완료되었으며, "지역"과 "대리점 회사"를 선택하고 이 두 옵션이 동시에 값을 갖는지 확인한 후 첫 번째 페이지가 자동으로 새로 고쳐집니다. DataGrid(DG1) 결과 집합

그러나 DG1을 새로 고친 후에도 다음 두 DG2와 DG3은 여전히 이전 결과를 유지합니다

의 쿼리 조건을 변경하려고 했습니다. DG2 및 DG3, 수동으로 빈 ID 값을 query() 메서드에 전달했지만 나중에 백그라운드 컨트롤러 계층에서 첫 번째 쿼리 반환으로 처리되었습니다.

그래서 빈 ID 값을 줄 수 있는 메서드를 찾았습니다. 결과 집합 문자열

다음과 같습니다

코드를 복사합니다 코드는 다음과 같습니다

 
//유지보수 회사 선택 수정 상자 
function query1(){ 
var params = $('#dg1').datagrid('options').queryParams 
 후 쿼리를 다시 제출합니다. params.region = $('#region') .combotree('getValue'); 
params.company_id = $('#company_id').combotree('getValue') 
params.contract_type = "line ";//*현재 줄로 작성되어 있으며 나중에 탭 페이지로 최적화될 예정입니다. 
if(params.company_id == "" || params.region == ""){ 
return; 
} 
$("#dg1").datagrid ('load') 
$('#dg2').datagrid('loadData', { 총계: 0, 행: [] });/ /아래 DateGrid 지우기 
$('#dg3') .datagrid('loadData', { total: 0, 행: [] });//아래 DateGrid 지우기 
} 

이렇게 하면 DG2, DG3의 결과셋에 있는 데이터를 원활하게 지울 수 있습니다

또 다른 방법은 결과셋에 있는 데이터를 순회해서 삭제하는 방법입니다

코드 복사 코드는 다음과 같습니다.

 
var item = $('#filegrid').datagrid('getRows'); 
if (항목) { 
for (var i = item.length - 1; i > = 0; i--) { 
var index = $('#filegrid').datagrid(' getRowIndex', item[i]); 
$('#filegrid').datagrid('deleteRow' , index); 
} 
} 

같은 목적지