выполнить встроенный скрипт из Ajax-запроса

Question

На домашней странице приложения я создал систему «виджетов».Источник виджетов генерируется на стороне сервера и передается клиенту через Ajax.

Ext.Ajax.request({
    url: '/get-widgets',
    success: function( response ) {
        var boxes = Ext.decode( response.responseText );
        Ext.each( boxes, function( box ) {
            box.id = 'cell-' + box.cell;

            var element = Ext.DomHelper.append( 'canvas', {
                tag: 'div',
                id: box.id,
                cls: 'widget size-' + ( box.size || '11' ),
                children: [{
                    tag: 'div',
                    cls: 'title',
                    html: box.title
                }, {
                    tag: 'div',
                    cls: 'main',
                    html: box.body
                }]
            }, true );
        });
    }
});

Проблема заключается в том, что некоторые виджеты имеют встроенный Javascript в своем теле, который необходимо выполнить.Это отлично работает в Firefox, но не в Chrome.

Есть ли флаг или что-то, что вам нужно активировать для выполнения встроенного кода?

Answer 1

Обнаружен метод Ext.Element::update() с флагом для сканирования и выполнения встроенных сценариев. Я изменил свой код следующим образом, чтобы использовать этот метод:

var element = Ext.DomHelper.append( 'canvas', {
    tag: 'div',
    id: box.id,
    cls: 'widget size-' + ( box.size || '11' ) + ' ' + ( box.cls || '' ) + ' ' + ( box.type || '' ),
    children: [{
        tag: 'div',
        cls: 'title',
        html: box.title
    }, {
        id: box.id + '-body',
        tag: 'div',
        cls: 'main'
    }]
}, true );

Ext.get( box.id + '-body' ).update( box.body, true );