cfdiv 바인딩 사용 시 삽입 그래픽 비활성화

StackOverflow https://stackoverflow.com/questions/136581

  •  02-07-2019
  •  | 
  •  

문제

cfdiv를 새로 고칠 때 "로드 중..." 그래픽이 표시되지 않도록 하는 방법이 있습니까?그래픽을 로드한 다음 새 HTML을 로드할 때 깜박이는 현상을 방지하고 싶습니다.

도움이 되었습니까?

해결책

헤더 하단 에이 라인을 추가하면 "로딩 ..."HTML을 덮어 쓰고 IE와 Firefox에서 깜박 거리는 효과를 방지하는 것 같습니다. 

 <script language="JavaScript"> 
 _cf_loadingtexthtml=""; 
 </script>

이것이 트릭을 수행하는 것처럼 보이지만 페이지 당 또는 제어 기준으로로드 애니메이션을 사용자 정의하는 공식적으로 지원되는 방법이 있으면 좋을 것입니다. 잘만되면 그들은 ColdFusion9에서 이에 대한 지원을 추가합니다.

다른 팁

현재로서는 프로그래밍 방식으로 이 작업을 수행할 수 있는 방법이 없다고 생각합니다. cfdiv 꼬리표."로드 중..." 메시지와 이미지를 정말로 제거하고 싶다면 몇 군데를 살펴볼 수 있습니다.

다음 위치에 있는 이미지의 이름을 바꾸거나 삭제할 수 있습니다. CFIDE\scripts\ajax esources\cf\images\loading.gif

그러면 애니메이션만 제거됩니다."로드 중..." 텍스트는 빈 문자열로 숨겨질 수 있으며 다음에서 정의됩니다. CFIDE\scripts\ajax\messages\cfmessage.js

이러한 변경은 분명히 태그 이외의 태그에 영향을 미칩니다. cfdiv, 그러나 한 곳에서 이 동작을 제거하려는 경우 다른 곳에서도 해당 동작을 제거해도 괜찮을 것이라고 확신합니다.:)

다른 사람이 아이디어가 있다면 더 깔끔한 방법을 보고 싶습니다.

이것은 결코 포괄적이거나 우아한 솔루션이 아니지만 인접한 요소에 부정적인 마진을 사용하여 애니메이션을 "커버"할 수 있습니다. 이 방법이 모든 경우에 작동하는지 모르겠지만 내 특정한 경우에는 효과가있었습니다. 애니메이션은 껍질을 벗긴 텍스트 필드 옆에 나타 났으며 오른쪽에는 제출 버튼이있었습니다. 층이 오른쪽으로 떠 다녔다. 제출 버튼에 네거티브 마진을 사용했으며 레이어 정렬에 영향을 미치지 않고 애니메이션을 다루었습니다.

내가 한 또 다른 조치는 레이어 구조를 확인하고 CSS에 다음 코드를 추가하는 것이 었습니다.

#TitleNameloadingicon {visibility:hidden;}
#TitleName_cf_button {visibility:hidden;}
#TitleNameautosuggest {background-color:#ffffff;}

메시지와 이미지를 새 값으로 설정할 수있는 ajax로드를 호출하기 전에 메시지를 변경하기 위해 함수를 만들 수 있습니다.

function loadingOrder(){
    _cf_loadingtexthtml="Loading Order Form <image src='/CFIDE/scripts/ajax/resources/cf/images/loading.gif'>"; 
}

function loadingNavigation(){
    _cf_loadingtexthtml="Loading Menu <image src='/CFIDE/scripts/ajax/resources/cf/images/loading_nav.gif'>"; 
}

(이것은 결국 Text_Value와 Image_Path 매개 변수를 모두 취할 수있는 단일 함수로 롤링됩니다).

메인과 왼쪽 NAV CFDIV를 모두로드하는 일부 프로세스에서는 다음과 같은 기능을 사용합니다.

function locateCreateOrder(){
    loadingOrder();
    ColdFusion.navigate('/functional_areas/orders/orders_actions/cf9_act_orders_index.cfm','main_content');
    loadingNavigation();
    ColdFusion.navigate('/functional_areas/products/products_actions/cf9_products_menu.cfm','left_menu');
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top