Как добавить новый виджет внутри виджета, который динамически создается с использованием jquery для сетки в проекте Angular6 - PullRequest
Новая
       27

Как добавить новый виджет внутри виджета, который динамически создается с использованием jquery для сетки в проекте Angular6

0 голосов
/ 11 апреля 2019

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

AddWidget(fieldType) 

{
   var templateString;
   switch(fieldType) 
   {
      case 'Text' :
                    <div class="grid-stack-item-content" id="" style="background-color: #18bc9c">
                        <button class="fa fa-ellipsis-v buttonClicked" style="float:right;border:none;background-color: transparent;margin-right:2px;"></button>
                        <div class="ms-TextField" style="margin-left: 10px;">
                             <label class="ms-Label ">
                                Field Name
                             </label>
                             <input class="ms-TextField-field updateValue" style="width:75%" type="text" placeholder="Enter Field Name">
                       </div>
                  </div>
          break; 
   }
}

После этого 

    var $htmlString = $(templateString);
    $htmlString.children('div.grid-stack-item-content').attr('id', newid);
    var grids = $('.grid-stack').data('gridstack');
    grids.addWidget($htmlString, 1, 1, 3, 1, true, 3);

Thisработает нормально, но я заблокирован, как снова добавить новый виджет внутри этого вновь созданного виджета.

Предположим, у меня есть кнопка в вышеупомянутом созданном виджете, и мне нужно добавить еще один sub grid-stack-элемент виджет внутри него.

Как решить эту проблему ??

...