Проблема с отображением диалогового окна

[magicandy]

Коллеги, обращаюсь к вам за помощью. Уже не знаю, где ковырять.

На загрузке формы есть скрипт.

Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, '/WebResources/new_jquery.min');
Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, '/WebResources/new_xrmservicetoolkit.min');
Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, 'http://crm/ISV/jquery-ui-1.11.4/jquery-ui.min.js');

(function ($) {
    var $mainFrame = parent.document.getElementById("contentIFrame0").contentWindow.document;
    var $head = $($mainFrame).find("head");
    $($head[0]).append("<link rel='stylesheet' href='http://crm/ISV/jquery-ui-1.11.4/jquery-ui.min.css'>");
    $($head[0]).append("<link rel='stylesheet' href='/WebResources/new_DialogAppCSS'>");
    $("<div id='dialogx'><iframe scrolling='no' src='http://www.w3schools.com'></iframe></div>").dialog({
        title: "jQ UI Dialog",
        resizable: false
    });
})(window.xrmjQuery);

Скрипт открывает JQUI диалог. Всё запилено с соответствующей инкапсуляцией.

Итого, когда осуществляется первоначальное откртие карточки, диалог выглядит так, будто игнорирует все ЦСС:



Но после того как обновим страницу (Ф5), всё становится идеально:



В чем может быть косяк?

ЗЫ: CRM13 on-pre. На форме больше нет никакой кастомизации. Это едиснтвенный скрипт. В ИЕ и Хроме результат идентичный.
ЗЫЫ: Ошибок в консоли никаких нет (ну кроме Refused to set unsafe header "Content-Length", естессна)..

[a33ik]

Тяжело что либо посоветовать, кроме как полностью повторять ваш сценарий у себя. Может стоит воспользоваться тем, что уже есть в интернете и не придумывать ничего нового?

[magicandy]

Мдя Печаль.
Модальный диалог CRM, конечно, проверенный вариант, но смысл был именно в плавающем диалоге.

Цитата:

кроме как полностью повторять ваш сценарий у себя.

А если выложу скрипты и ЦСС-сники ?

[a33ik]

Цитата:

Сообщение от magicandy

Мдя Печаль.
Модальный диалог CRM, конечно, проверенный вариант, но смысл был именно в плавающем диалоге.

А если выложу скрипты и ЦСС-сники ?

А чем это отменяет воспроизведение вашего сценария у себя?

[magicandy]

Вот так заработало, как надо:

$("<link/>", {
    rel: "stylesheet",
    type: "text/css",
    href: "http://crm/ISV/jquery-ui-1.11.4/jquery-ui.min.css"
}).appendTo("head");
$("<link/>", {
    rel: "stylesheet",
    type: "text/css",
    href: "/WebResources/new_DialogAppCSS"
}).appendTo("head");
Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, '/WebResources/new_jquery.min');
Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, '/WebResources/new_xrmservicetoolkit.min');
Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, 'http://crm/ISV/jquery-ui-1.11.4/jquery-ui.min.js');

(function ($) {
    $("<div id='dialogx'><iframe scrolling='no' src='http://www.w3schools.com'></iframe></div>").dialog({
        title: "jQ UI Dialog",
        resizable: false
    });
})(window.xrmjQuery);

[magicandy]

Наткнулся на свой топик двухлетней давности и решил поделиться информацией для ансуппортед-маньяков в свете уже DCRM365. Возможно, кому-то пригодится (ИСПОЛЬЗОВАТЬ НА СВОЙ СТРАХ И РИСК ).

В новых турбо-формах метод синхронной загрузки скриптов переехал в parent:

parent.Mscrm.ScriptLoader.prototype.addIncludeExternalSync(null, "/WebResources/new_somescript.js");

Там же можно найти "родной" jQuery (но старенький).

А вот небольшой хелпер, который ищет контрол по джейквери-селектору:

var Helper = (function ($) {
        getControl: function (selector) {
            return $($($(parent.parent.document).find("#contentIFrame0")[0]).contents()[0]).find(selector).length > 0 ?
                $($($(parent.parent.document).find("#contentIFrame0")[0]).contents()[0]).find(selector) :
                $($($(parent.parent.document).find("#contentIFrame1")[0]).contents()[0]).find(selector);
        }
    };
})(parent.$);

Пример использования:

Helper.getControl("#telephone1");

Have fun!

[a33ik]

Вы, конечно, молодец, но подумайте о ситуации, как вы это будете мигрировать на UUI, и, особенно, в контексте работы с Mobile App.