Текущее время: Чт, мар 28 2024, 12:48

Часовой пояс: UTC + 3 часа




Начать новую тему Ответить на тему  [ Сообщений: 7 ] 
Автор Сообщение
 Заголовок сообщения: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Ср, дек 25 2013, 11:47 
Начинающий
Начинающий

Зарегистрирован:
Пт, ноя 29 2013, 10:51
Сообщения: 13
Всем привет, хотелось бы немного показать возможности design studio.
Примерно месяц назад появилась возможность писать кастомные компоненты на js.
На официальном форуме не смог найти ответа на вопрос - как подключить сторонние библиотеки.

следующий код рисует колоночный чарт на основе библиотеки d3.js

Code:
var that = this;
this.init = function() {
      var left= that.$().Left;
                 this.$().prepend('<p style="text-indent:0px"> </p>');//  вот вся хитрость  создаем тег который потом захватим канвасом
                              };
this.afterUpdate = function() {
      chart();              //функция отрисовки
   };

   function chart(){
   var dataArray=[13,4,20];  // массив с данными для отображения
         var canvas =d3.select("p")   //захват
      .append("svg")
      .attr("width",that.$().width())    //привязка к размерам компонента
      .attr("height",that.$().height());


   var bars= canvas.selectAll("rect")
                  .data(dataArray)
                  .enter()
                     .append("rect")
                     .attr("width",function(d){return d*10;})
                     .attr("height",50)
                     .attr("y",function(d,i){return i*100;});
   
   }


развитие темы приветствуется)


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: disign studio 1.2 sdk разработка компонентов
СообщениеДобавлено: Вт, дек 31 2013, 08:47 
Модератор
Модератор

Зарегистрирован:
Чт, окт 21 2010, 08:48
Сообщения: 128
Цитата:
На официальном форуме не смог найти ответа на вопрос - как подключить сторонние библиотеки.


На SCN-е есть статьи с подключением своих библиотек;)
jsInclude тебе в помощь...


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Чт, янв 09 2014, 08:41 
Начинающий
Начинающий

Зарегистрирован:
Пт, ноя 29 2013, 10:51
Сообщения: 13
естественно есть. но редко что работает из того что есть. проблема решения, что при добавлении 2-3-4 такого же компонента добавляется отрисовка в первый компонент, т.к. тег не уникальный, решается введением глобальной переменной счетчика.


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Пн, янв 13 2014, 13:01 
Начинающий
Начинающий

Зарегистрирован:
Пт, ноя 29 2013, 10:51
Сообщения: 13
после кучи попыток выработался универсальный кусок кода, позволяющий нормально взаимодействовать с множеством тегов проекта

Code:
//--------------------------------   
   this.init = function()
   {
      window.variable+=1; //глобальная переменная считающая количество объектов
      this.num=window.variable; // свойство объекта содержащее его id
   };
//-----------------------------------   
    this.afterUpdate = function()
    {
       window.variable=this.num;  // обращение к нужному id  объекта
            sec= "p"+ window.variable; //генерация нужного тега
                 this.jqGraph = "<div id='"+sec+"'style=\"width:"+  that.$().width()+"px; height: "+that.$().height()+"px;\"></div>";// задание          величины окна
                 this.$().append(this.jqGraph);
                 this.$().click(function()
            {
                  that.fireEvent("onclick");
              });   
         clock();
    };
    function clock()
   
    {



вот некоторые примеры того что получилось. на картах данные о городах и маршрутах тянутся из sap hana.

Изображение
Изображение
Изображение


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Пт, янв 24 2014, 13:46 
Начинающий
Начинающий

Зарегистрирован:
Пт, ноя 29 2013, 10:51
Сообщения: 13
в документации написано что нельзя создавать компоненты контейнеры. можно ли как нибудь обойти это условие?


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Пт, фев 14 2014, 13:57 
Начинающий
Начинающий

Зарегистрирован:
Пт, фев 14 2014, 13:44
Сообщения: 2
Привет! Я не совсем по теме , но передомной то же стоит задача с картой в Design Studio 1.2 SD. Можешь поделиться опытом, какой sample лучше использовать для переделки? Как я понял ссылку на подключение google maps нужно прописывать в additional_properties_sheet.html?


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
 Заголовок сообщения: Re: Design Studio 1.2 SDK разработка компонентов
СообщениеДобавлено: Пт, фев 14 2014, 14:53 
Начинающий
Начинающий

Зарегистрирован:
Пт, фев 14 2014, 13:44
Сообщения: 2
Спасибо, разобрался.


Принять этот ответ
Вернуться к началу
 Профиль Отправить email  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 7 ] 

Часовой пояс: UTC + 3 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB