안녕하세요.
김종광입니다.

안드로이드에서 formpanel 사용 하실 땐 성능에 주의 하세요.
안드로이드 내장 브라우저(PhoneGap 포함)에서 formpanel 이 무척 느리게 동작 할 수 있습니다.

내껀 늘 느리고, Sencha 공식 예제는 늘 빠르다고 느끼는 것 중에 하나인데요.
여러가지 이유가 있지만, formpanel 의 경우 크게 차이가 나네요.

[상황]
  • 안드로이드 기본 브라우저(크롬 아님) 또는 폰갭에서
  • formpanel 이 Scrollable:true 상태로 스크롤 될 때 무척 느려집니다.
[다른 상황]
  • 크롬이나 아이폰에서는 문제없이 빠릅니다.
  • 간혹, 화면이 안보이는 현상도 발생하는데, Scrollable:false 상태에서는 문제없이 표시 됩니다.

원인을 찾아 보던 중,
이런 글을 봤네요.

참고자료 : http://www.sencha.com/forum/showthread.php?151407-Ext.form.Panel-is-not-visible

확실한 것은 없지만,
Scrollable 설정에서 items 들이 auto-height 값을 갖지 못한답니다.
그러니, Scrollable을 false 시키거나, height 값을 명시적으로 주라고 하네요.

Panel이나 Container 에서는 이런일이 발생하지 않는데…
formpanel 에서만 발생하니 불편한 점이네요.

[해결책]
  • formpanel 을 쓰지 않거나…;;;
  • scrollable:false 하거나. (그런데, 이렇게 하면 Scroll 안되니 느린지?빠른지? 알 수 없게 되지요)
  • 아니면 items에 height 값이나 flex값을 주면 될 것 같은데, 안해 봤습니다.

특히 Login 페이지에서 formpanel 많이 사용하니 주의 하세요^^


[ 김종광 - JongKwang Kim ]

- 주식회사 종광, CTO & Founder
- 한국센차유저그룹 운영자
- 미래부/NIPA, 소프트웨어 마에스트로 멘토

- E-Mail : kim@jongkwang.com
- Blog : http://jongkwang.com
- Twitter : @jongkwang
- Facebook : https://facebook.com/kimjongkwang