使用cfdiv绑定时禁用间隙图形

通过在标题底部添加这些行,它将覆盖“加载…”html,并且似乎可以防止IE和FireFox中的闪烁效果:

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

虽然这似乎可以做到这一点,但如果有一种官方支持的方式来定制每页或每个控件的加载动画,那就太好了。希望他们能在ColdFusion9中为其添加支持。

我认为目前没有一种方法可以在 cfdiv 标签如果你真的想摆脱“加载…”消息和图像,有几个地方你可以看看。

您可以重命名或删除位于以下位置的图像: CFIDE\scripts\ajax\resources\cf\images\loading.gif

这只会去除动画。“加载…”文本可以空白为空字符串,定义如下:

进行这些更改显然会对标签产生影响,而不是 cfdiv

如果其他人有任何想法,我希望看到一个更干净的方法来做这件事。

这决不是一个全面或优雅的解决方案,但我发现在相邻元素上使用负边距可以“覆盖”动画。我不知道这种方法是否在所有情况下都有效,但在我的特殊情况下它是有效的。动画出现在绑定的文本字段旁边,其右侧是一个提交按钮。该层被向右浮动。我在submit按钮上使用了负边距,它覆盖了动画而不影响层对齐。

我做的另一项措施是检查层结构,并在css中添加了以下代码确保:

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

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'>"; 
}

(将这些图像和路径都滚动到一个单独的函数中,该函数的值都将是_)

在一些同时加载主导航和左导航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');
}