BlazeDS Flex-AJAX 桥接负载不适用于 Ext.JS

Question

Flex-AJAX 桥的 FDMSLib 有一个加载函数，可以将 flash 对象呈现到调用它的页面上。当使用 Ext.JS 时，这会导致问题，因为插入的对象可能会被另一个渲染函数丢弃，或者在页面渲染期间导致冲突，因此我尝试重写加载函数，以便其 Ext.JS （可能还有其他） JS框架）友好。

这是原来的函数。

FDMSLibrary.load = function(path, callback)
{
    var result = "<object id='_fesLib' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' \
                 codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,5,0,0' \
                  height='1' width='1'> \
                 <param name='flashvars' value='bridgeName=flash'/> \
                 <param name='AllowScriptAccess' value='always'/> \
                 <param name='src' value='"+ (path != undefined ? path : "") + "'/> \
                 <param name='wmode' value='transparent' /> \
                 <embed name='_fesLib' pluginspage='http://www.macromedia.com/go/getflashplayer' allowScriptAccess='always'\
                 src='" + (path != undefined ? path : "") + "' height='1' width='1' flashvars='bridgeName=flash'/> \
              </object>";
    document.write(result);

   // todo:need a callback and variable here so you can keep track that both the fabridge and the fdmsbridge are available
    FDMSLibrary.addInitializationCallback("flash", callback);

  // register for call back when the FABridge has completed initialization
    FABridge.addInitializationCallback("flash", FABridge_ready);
 }

我已将其替换为以下内容：

loadFDMSBridge: function(path,callback) {
    var FABridgeSWF = new Ext.FlashComponent({
        id : '_fesLib',
        height: '1',
        width: '1',
        flashVars : {
            bridgeName:'flash'
        },
        wmode : 'transparent',
        flashVersion : '8.5.0.0',
        renderTo : Ext.getBody(),
        url : path,
        listeners : {
            'render' : {
                fn : this.initBridge,
                scope : this
            }

        }
    });


},
initBridge : function () {
        FDMSLibrary.addInitializationCallback("flash", this.initPolling);
        FABridge.addInitializationCallback("flash", FABridge_ready);
}

flash 对象渲染到页面，它使用对象中的数据属性而不是 src 参数，但我认为这对于渲染 flash 对象是正确的。

我遇到的问题是，当我调用 FDMSLibrary.addInitializationCallback 函数时，桥接器似乎尚未准备好。

swf 文件告诉 JavaScript 已经可以使用了。我非常确定 swf 没有问题，因为我使用相同的 swf 和 javascript 库启动并运行了一个简单的测试页面，但没有任何其他 javascript、内容等的干扰。感觉好像 swf 没有被加载和“执行”，Firebug 似乎支持这一点，但我真的不知道为什么或我错过了什么。

如果您想查看 FABridge 的完整 JavaScript 库和 ActionScript 源代码，您可以在 Adob​​e 的 subversion 存储库中找到它们：fds ajax 桥存储库路径

预先感谢您的帮助

Answer 1

不确定，但您可以尝试使用 afterrender 事件而不是 render。因为它发生在渲染周期的后期（好吧，在它之后:)它可能会有所帮助 - 我知道过去在组件的某些部分实际上完成渲染之前渲染触发存在问题（这就是后来添加 afterrender 事件的原因）。

如果这不起作用，另一件事可能是尝试稍微推迟您的 initBridge 功能。这有点牵强，但我之前见过这样的情况，要么是 JS 执行存在时序问题，要么可能是某些阻塞导致了这种症状。推迟代码将延迟其执行并在新线程上执行它，这可能会解决问题。这不是最好的解决方案，但我已经通过这种方式解决了几个浏览器的怪癖。例如：

initBridge : function () {
    (function(){
        FDMSLibrary.addInitializationCallback("flash", this.initPolling);
        FABridge.addInitializationCallback("flash", FABridge_ready);
    }).defer(500, this);
}

至少这可以确认是否是计时/阻塞问题。您可以向上或向下调整 500（毫秒），看看行为是否有任何差异。

Answer 2

@bmoeskau：感谢您的有用建议。

根据您的建议再次查看我的代码，我意识到了一些事情。

首先是我对错误的文件进行了更改。我制作了一个独立版本，并且不小心编辑了这些文件，而不是 ext.js 应用程序。

其次，通过所有的更改、测试和一般混乱，我已经成功地超载了我的一些函数，这意味着调用了错误的函数。无论我对我正在查看的函数做了多少更改，它都不会被调用。

上面的代码实际上按照说明工作。

Answer 3

只是为了整理一下：

我遇到了由 Firefox bug 和 swfobjects（Ext.Flash 组件的底层库）。我最终不得不将原始 html 从 FDMSLib load() 函数推送到 DOM，而不是使用 Ext 对象。

    // spec up the flash object for FABridge
    var foSpec = {
            tag : 'object',
            id : '_fesLib',
            classid : 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000',
            codebase: 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,5,0,0',
            height :'1',
            width : '1',
            cn : [
                    {tag:'param', name:'flashvars', value:'bridgeName=flash'},
                    {tag:'param', name:'AllowScriptAccess', value:'always'},
                    {tag:'param', name:'src', value:path},
                    {tag:'param', name:'wmode', value:'transparent'},
                    {tag:'embed', name:"_fesLib", pluginspage:'http://www.macromedia.com/go/getflashplayer', allowScriptAccess:'always', src:path, height:'1', width:'1', flashvars:'bridgeName=flash'}                   
            ]

    };
    // Add it to the end of the body
    Ext.getBody().createChild(foSpec);

我隐约记得某处的一篇文章说 FABridge 使用“嵌入”标签，并且由于 swfobject 不插入“嵌入”标签，这也可能导致问题。

除此之外，Ext.FlashComponent 的 flashParams 属性引用了此 adobe 技术说明 所需参数。这表明仅包含 Flash 对象的对象必须包含参数“movie”。 swfobject 强制删除任何名为“movie”的参数。

有了这个，在任何地方都没有太多乐趣！