Extjs 최적화 (1) 중복 코드를 삭제하여 실행 속도 향상_extjs

Extjs 자체는 로딩이 느린 JS 프레임워크이므로 프로그래머의 최적화가 더 필요합니다. JS 패키징 최적화
이번에는 중복 코드를 줄이는 방법에 대해 글을 쓰겠습니다. 1. 범용 삭제 코드 2. 범용 제출 양식 3. Gird 범용 초기화 이번에는 코드 작성 및 삭제만 최적화
코드 먼저 게시

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

/**
* GridPanel의 선택된 레코드 가져오기
*/
function $getGdSelectedIds(grid, idName) {
var selRs = Grid .getSelectionModel().getSelections();
var ids = Array()
for (var i = 0; i < selRs.length; i ) {
ids. push(eval("selRs [i].data." idName))
}
ID 반환
}
/**
*삭제
*/
function $postDel(a ) {
Ext .Msg.confirm("메시지 확인", "선택한 레코드를 삭제하시겠습니까?",
function(b) {
if (b == "yes") {
Ext.getBody( ).mask("삭제 중입니다. 잠시 기다려 주십시오.");
Ext.Ajax.request({
url: a.url,
params: {
ids: a.ids
},
시간 초과: 100000000,//기본값 30000밀리초
메서드: "POST",
성공: function(c, d) {
Ext.getBody(). unmask();
Ext.ux.Toast.msg("작업 정보", "기록이 성공적으로 삭제되었습니다!")
if (a.callback) {
a.callback.call(this );
return;
}
if (a.grid) {
a.grid.getStore().reload()
}
},
function(c, d) {
Ext.getBody().unmask();
Ext.ux.Toast.msg("작업 정보", "작업 오류가 발생했습니다. 관리자에게 문의하세요! ");
}
});
}
});
}
/**
* 띠 일괄 삭제 작업
*/
함수 $delGridRs(a) {
var b = $getGdSelectedIds(a.grid, a.idName);
if (b.length == 0) {
Ext.ux.Toast.msg("작업 정보", "삭제하려면 선택하세요. 기록! ");
return;
}
var c = {
url: a.url,
ids: b,
grid: a.grid
} ;
$postDel(c);
}

단일 삭제 코드의 최적화 결과 원래 24줄의 코드에서 5줄의 코드로 변경되어 코드가 더 좋아졌습니다. .

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

var a = Ext.getCmp(" PlanBookAllGrid");
//단일 삭제
$postDel({
url: __ctxPath "/traincost/multiDelPlanBook.action",
ids: b,
grid: a
} );

일괄 삭제도 마찬가지입니다

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

$delGridRs({
url: __ctxPath "/traincost/multiDelPlanBook.action",
grid:c.gridPanel,
idName:'mainid'
});