Как изменить порядок вкладок на странице «Заказы на продажу» - PullRequest
3 голосов
/ 04 июля 2019

Можно ли изменить порядок вкладок на странице "Заказы на продажу"?

1 Ответ

3 голосов
/ 04 июля 2019

Отказ от ответственности
Показанный подход является лишь примером того, как изменить порядок вкладок.
Пожалуйста, убедитесь, что этот подход безопасендля вашего продукта, прежде чем использовать его в нем.

Нет возможности указать положение вкладки в настройке, редактор экрана не поддерживает перетаскивание вкладок, и даже если вы измените порядоквкладки со страницы «Редактировать ASPX», нажав «Создать сценарий настройки», откатят все изменения, поэтому остается только поиграть с вкладками из Javascript.

Если мы проверим структуру DOM страницы, мы найдем следующеечасть, соответствующая таблице вкладок: enter image description here

Я буду использовать функцию обмена из ответа на этот вопрос и напишу функцию для замены вкладок Details и Taxes:

function swapElements(parent,elemA,elemB){
    if(!parent||parent.constructor.toString().search('HTML')===-1) return;
    var children = parent.children;
    if(typeof elemA!=='number' || typeof elemB!=='number' || elemA===elemB || !children[elemA] || !children[elemB]) return;

    elemB = elemA<elemB ? elemB--:elemB;
    var childNumb = children.length - 1;

    var a = parent.removeChild(children[elemA]);
    var b = parent.removeChild(children[elemB]);
    append(elemB,a);
    append(elemA,b);

       function append(a,b){
          childNumb===a ? parent.appendChild(b) : parent.insertBefore(b,children[a]);
       }
}

function swapDetailsAndTaxes()
{
    swapElements(document.querySelector("#"+px_all.ctl00_phG_tab.tabTable.id+ " tr"),0,1)
}

Теперь нам нужно добавить этот Javascript на страницу и установить его в качестве сценария запуска:

enter image description here

идобавь это тыПосле события «Инициализация клиента» источника данных enter image description here

Теперь после публикации настройки, если вы откроете страницу «Заказы на продажу», вы увидите, что вкладка «Налоги» является первой вкладкой enter image description here

...