easyui datagrid 클릭 줄 선택 취소 이벤트
항목 에서 클릭 줄 의 선택 을 취소 해 야 합 니 다. 인터넷 에서 기 존의 해결 방법 을 발견 할 수 있 습 니 다. 원문 주 소 는 다음 과 같 습 니 다.http://www.mamicode.com/info-detail-517237.html
var IsCheckFlag = true; // ，true - , false -
$("#dg").datagrid({
rownumbers:true,
url: ‘LeadsData.ashx?o=list‘,
method:‘get‘,
fit: true,
striped:true,
pagination: true,
fitColumns: true,
checkOnSelect: false,
selectOnCheck: true,
pageSize: 15,// ， 10
pageList: [15, 30, 45],//
onLoadSuccess: function (data) {
AddTipForStar();
},
onClickCell: function (rowIndex, field, value) {
IsCheckFlag = false;
},
onSelect: function (rowIndex, rowData) {
if (!IsCheckFlag) {
IsCheckFlag = true;
$("#dg").datagrid("unselectRow", rowIndex);
}
},
onUnselect: function (rowIndex, rowData) {
if (!IsCheckFlag) {
IsCheckFlag = true;
$("#dg").datagrid("selectRow", rowIndex);
}
}
});
주요 코드 는 굵 은 부분 이다.
해결 방향 은 하나의 표지 변수 로 셀 을 클릭 했 는 지 여 부 를 저장 하 는 것 입 니 다. 셀 을 클릭 하면 이 조작 은 콤 보 상 자 를 통 해 작 동 하지 않 고 표 지 는 false 로 설정 합 니 다.선택 취소 이벤트 에서 작업 원본, 즉 IsCheckFlag 의 값 을 판단 합 니 다.false 라면 선택 한 동작 이 선택 을 취소 하고 선택 한 동작 이 선택 을 취소 합 니 다.실행 하기 전에 기본 값 으로 표지 값 을 기본 값 으로 설정 합 니 다. 체크 상자 작업 이 라면 onClickCell 이 벤트 를 실행 하지 않 습 니 다. 즉, 표지 값 은 true 입 니 다.
주의해 야 할 것 은
IsCheckFlag = true; $(“#dg”).datagrid(“unselectRow”, rowIndex);
이 두 문장의 선착순.
IsCheckFlag = true 를 아래 에 놓 으 면 사순환 과 유사 한 상황 이 된다.$("\ # dg"). datagrid ("unselectRow", rowIndex);이 이 벤트 는 onUnselect 이 벤트 를 직접 촉발 하고 IsCheckFlag = true;실행 하지 않 았 습 니 다.순서대로 집행 하면 사순환 이 된다.EasyUI 선택 상자 가 있 는 DataGrid 는 클릭 줄 이 선택 되 지 않 거나 취소 되 는 해결 방법 을 실현 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
