행복만땅 개발자

ExtJS 2.2x를 쓰는 경우 IE6에서 그리드 상단 메뉴의 아이콘이 아래의 그림처럼

제대로 표시되지 않는 버그가 남아 있슴을 이제사 알게 되었다.

솔직히 이 버그는 예전에 발견된 버그일뿐 아니라 2.2.1 버젼에서는 fix된 것으로 알고 있었던 터라..

IE7 이후 버젼에만 맞추고 테스트를 진행했었는데..혹여나..

다시 최신버젼을 받아봐도 IE6에서 위에 해당하는 버그가 발생하는 것을 확인할 수 있었다.

예전엔 IE7 이후버젼에 이런 증상이 있었는데 지금은 거꾸로 IE6에서 발생하다니..

해결 방법은 이전버젼에서 적용했던 버그 fix를 그대로 적용하면 된다.

이젠 IE6 버젼에서 정상적으로 돌아가는 것을 확인할 수 있을 것이다.

물론 IE7과  IE8, 파폭, 크롬에서도 정상작동 확인...

 ExtJs 2.0에서는 괜찮았는데 2.1~2.2를 사용하는 경우

위의 그림처럼 체크박스를 사용할 때 boxLabel 부분이 정상적으로 표시되지 않은 경우가 있다.

(아니면 뒤쪽으로 몰린다던지..)

Ext.form.Checkbox 에 정의되어있는 getResizeEl에 다음과 같이 정의되어 있다.

이부분을 다음과 같이 수정한다.

javascript에서의 delete는 개체(object), 개체의 속성(property),

배열의 특정 인덱스에 있는 원소(element)를 지우는 연산자이며. 문법은 다음과 같다

delete objectName
delete objectName.property
delete objectName[index]
delete property // with 문장 안에서만 유효

objectName은 개체 이름이고, property는 개체에 존재하는 속성이고, index는 배열의 원소 위치를 나타내는 정수.

네 번째 형식은 개체의 속성을 지우는 코드인데, with 문장 안에서만 사용할 수 있다.

암시적으로 선언된 변수를 지울 때는 delete 연산자를 사용할 수 있지만

단 var 문장을 이용해서 선언된 변수는 지울 수 없다.

delete 연산자 실행이 성공하면, 속성이나 원소가 undefined로 설정되며.

delete 연산자는 실행이 가능하면 true를 반환하고, 불가능하면 false를 반환하게 된다.

x=42
var y= 43
myobj=new Number()
myobj.h=4      // h라는 속성을 만듭니다
delete x       // returns true (암시적으로 선언된 변수는 지울 수 있습니다)
delete y       // returns false (var로 선언한 변수는 지울 수 없습니다)
delete Math.PI // returns false (미리 정의된 속성은 지울 수 없습니다)
delete myobj.h // returns true (사용자 정의 속성은 지울 수 있습니다)
delete myobj   // returns true (암시적으로 선언되었으므로 지울 수 있습니다)

배열의 원소를 지우기

머 당연하지만 배열의 원소를 지워도, 배열의 길이에는 변화가 없게 된다.

즉 delete로 지우는 경우 원소는 더이상 배열에 존재하지 않게 된다(undefined).

하지만 delete와 배열원소에 undefined를 할당한 경우 조금 의미가 다르다.

먼저 아래 예제에서 trees[3]을 delete로 제거한 예제이다.

trees=new Array("redwood","bay","cedar","oak","maple")
delete trees[3]
if (3 in trees) {
   // 이 블록은 실행되지 않는다.

   alert(trees[3]);
}

즉 trees라는 배열에는 trees[3] 이라는 배열원소 자체가 삭제(undefined)되어 실행되지 않지만
단지 배열 원소가 존재하긴 하지만 정의되지 않은 값을 가지도록 하고 싶다면 
delete 연산자 대신 undefined 키워드를 사용하면 된다. 
 
다음은 trees[3]에 undefined 값을 할당하는 경우이다
 
trees=new Array("redwood","bay","cedar","oak","maple")
trees[3]=undefined
if (3 in trees) {
   // 이 블록은 실행된다.
}
 
undefined  키워드로 배열의 값은 정의되지 않았지만 배열원소는 유지되므로 블록은 실행된다
 

typeof 연산자는 형식 정보를 문자열로 반환하며 "Number", "String", "Boolean", "Object", "Function", "undefined"라는 6가지 형식을 반환할 수 있습니다.

선택적인 요소로 typeof 구문에 괄호를 사용할 수도 있기에 다음 둘 중 한 가지 방법으로 사용할 수 있습니다.

1. typeof operand
2. typeof (operand)

if ( typeof 'AAA'  != 'Number' ) {

alert('숫자가 아닙니다.');

}

또다른 예를 들어 우리가 이런 변수를 정의했다고 해봅시다.

• var myFun = new Function("5+2");
  var shape="round";
  var size=1;
  var today=new Date()

typeof는 이 변수들에 대해서 다음과 같은 결과를 반환할 것입니다. 

• typeof myFun is function
  typeof shape is string
  typeof size is number
  typeof today is object
  typeof dontExist is undefined
  

true와 null 키워드에 대해서 typeof 연산자는 다음과 같은 결과를 반환합니다.

• typeof true is boolean
  typeof null is object

수와 문자열에 대해서 typeof 연산자는 다음과 같은 결과를 반환합니다.

• typeof 62 is number
  typeof 'Hello world' is string

속성 값에 대해서 typeof 연산자는 속성이 포함하고 있는 값의 형식을 반환합니다.

• typeof document.lastModified is string
  typeof window.length is number
  typeof Math.LN2 is number

메소드와 함수에 사용하면 typeof 연산자는 다음과 같은 결과를 반환합니다.

• typeof blur is function
  typeof eval is function
  typeof parseInt is function
  typeof shape.split is function

미리 정의된 개체들에 대해서 typeof 연산자는 다음과 같은 결과를 반환합니다.

• typeof Date is function
  typeof Function is function
  typeof Math is function
  typeof Option is function
  typeof String is function
  

흐음 익스플로어 7을 새로 깔았더니 모달다이얼로그창에서 submit 을 한 경우 그 결과 페이지가 새로운창에서 뜨고 있다는 걸 발견했다.

이상하네.. 왜 그러지...

target 만 _self로 주면 되는게 아니었나?

이제껏 잘 돌아가던거였구 소스상에서도 <base target="_self"> 구문이 있다는 사실을 알았는데

유독 그 페이지만 그런 문제가 발생하다니...이상한 일...

고민 또 고민.. 헌데...

익스플로어7에서는 <base target="_self"> 구문이..

반드시 head안에 들어가 있어야 한다는 사실을 알게 되었다.

즉 body 태그 아래 적어두었던 <base target="_self">구문은 적용이 되지 않았던 셈...

다른 페이지의 경우 ajax등을 사용해서리 어차피 데이타 처리는 그 페이지 안에서 처리가 되기 때문에

다른페이지는 이상이 없었지만 ajax로는 구현이 안되는(내가 알기로는...) 첨부파일 전송페이지였기 때문에..

그런 일이 발생한 거였다...

하지만 중요한것은  body 태그 안에 그 구문을 넣어야 한다고만 알고 있었던 내 자신이었다.

이제껏 당연히 되어왔기에 당연히 그게 옳은 것이라고 생각했던 그래서 당연한 것인양 사용해왔기에 더더욱 쓰리다...

기초(?)의 소중함을 다시금 깨달을수 있었던 오늘의 헤프닝~~~