{"type":"doc","content":[{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Это статья-заметка с фрагментами кода для JS кастомизаций без подробного описания и поддержки.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Обратная сортировка в фильтре годов","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"var tempArr = w.data.data;\ntempArr.sort(function(a, b) {\n return parseInt(b.id)-parseInt(a.id);\n});\nw.data.data = tempArr;\nFilterRender({\n filter: w.general,\n style: w.style,\n textStyle: w.textStyle,\n data: w.data\n});","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Увеличить ширину выпадающего списка в виджете фильтр","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"var elemFilter = document.getElementById(w.general.renderTo);\nelemFilter.childNodes[0].childNodes[1].style.width = '250px' // в конец кода фильтра после функции FilterRender();","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Убрать кружок загрузки у виджета","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"$(\"#widget-\" + \"ea0489d0465842a6b666713fe62c6f17\").find(\".va-widget-loader\").remove();","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Убрать надпись “нет данных” в виджетах","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"// Скрипт с сожержимым в папку customjs и каждые 200 мс меняет надпись\nsetInterval(function() {\n$.each($(\".va-widget-error\"), function () {\nvar text = $(this).find(\"div\").text();\nif (text == \"У виджета нет данных\") {\n$(this).find(\"div\").text(\"Другой текст\");\n}\n});\n}, 200);","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Виджет PDF","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"var render = new ImageRender({\n image: w.general\n});\n\nvar widgetGuid = w.general.renderTo;\n\nvar $widget = $(\"#widget-\" + widgetGuid);\n$(\"#\" + widgetGuid).html(''); //src=\"http://flipbox.ru/upload/iblock/3af/3af9d0b89706ed3f93a12530903922bc.pdf\" \n\nrender.updateDimensions = function() {\n $(\"#\" + widgetGuid).find(\"iframe\").attr(\"width\", $widget.width()).attr(\"height\", $widget.height());\n}\nrender;","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Виджет YouTube","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"var widgetGuid = w.general.renderTo;\nvar $widget = $(\"#\" + widgetGuid);\nvar widgetWidth = $widget.width();\nvar widgetHeight = $widget.height();\n\n$(\"#\"+ w.general.renderTo).html('');","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Виджет Видеоклип","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"// http://htmlbook.ru/html/video - параметры типа autoplay брали отсюда. Пример тоже оттуда.\nvar widgetGuid = w.general.renderTo;\nvar $widget = $(\"#\" + widgetGuid);\nvar widgetWidth = $widget.width();\nvar widgetHeight = $widget.height();\n$(\"#\"+ w.general.renderTo).html('

');","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Виджет Видеоклип","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"// http://htmlbook.ru/html/video - параметры типа autoplay брали отсюда. Пример тоже оттуда.\nvar widgetGuid = w.ge","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Влияние виджета фильтр на виджет ютуба.","type":"text"}]},{"type":"rule"},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"var widgetGuid = w.general.renderTo;\nvar $widget = $(\"#\" + widgetGuid);\nvar widgetWidth = $widget.width();\nvar widgetHeight = $widget.height();\nvar filterGuid = \"120c138c74534e5687eeb976c33eaf67\"; // тут заменить на GUID виджета фильтры, который должен влиять на выбор видео.\nvar URL_tail = \"?autoplay=1&loop=1\" // Для удобства задаеме хвост, который будем прибавлять к URL. В данном случае для youtube это включение автовоспроизведения и бесконечного повтора видео.\n\n// Подписываемся на виджет фильтр\nvisApi().onSelectedValuesChangedListener({guid: \"23e756f2f3p1\", widgetGuid: filterGuid }, function (info) {\n renderWidgetVideo(info.selectedValues[0][0]);\n});\n\n//Описываем функцию, которая будет выполняться и возвращать значение link. \nfunction renderWidgetVideo(link) {\n\t$widget.html(''); // конкатенация начала URL (https://www.youtube.com/embed/), переменной link (в которой уникальная часть uri видосика) и переменной URL_tail\n}\n\n// Дополнительный код на случай, если у фильтра уже есть по умолчанию выбранное значение при открытии дэшборда. Но тут работоспособность не проверяли.\n// если по умолчанию у Фильтра есть выбранное значение, то берем его\nvar selectedValues = visApi().getSelectedValues(filterGuid);\nif (selectedValues && selectedValues.length > 0) {\n\trenderWidgetVideo(selectedValues[0][0]);\n}\n\n\n// Пример ссылки с ютубчика. Нужно обязательно использовать embed ссылку, иначе будет ругаться. Еще в случае с ютубом платформа должна работать по HTTPS, так как ютуб только по HTTPS работает.\n// $(\"#\"+ w.general.renderTo).html('');и","type":"text"}]},{"type":"expand","attrs":{"title":""},"content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1920,"id":"dfdfb375-ab3c-407e-a0f4-e9c07f554684","collection":"contentId-3342478","type":"file","height":1080}}]},{"type":"paragraph"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Сортировка расчетного столбца","type":"text"}]},{"type":"rule"},{"type":"paragraph","content":[{"text":"В начала кода и заменить индекс на свой. Ниже кейс для гистограммы с одним расчетным столбцом и скрытыми остальными на вкладке Дополнительно. В запросе два показателя и один атрибут в строках.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"w.series[0].data = w.series[0].data.sort(function(a,b){\n return a.y > b.y? -1: 1 ;\n});\nw.xAxis.categories = w.series[0].data.map(item => item.name)\n\nHighcharts.chart({...\n});","type":"text"}]},{"type":"paragraph"}],"version":1}

Браузер не поддерживается