Front-End/javascript

dynamically add rows in jarvisWidgets

ducks228 2018. 11. 11. 12:33

smart admin을 사용하면서 동적으로 div를 추가 해야하는 작업이 있음


jarvisWidgets을 사용해서 div의 옵션들을 적용시킴


동적으로 div를 추가해주더라도 옵션이 적용이 안된다.


먼저 기존 옵션을 삭제해주고 다시 옵션을 먹여주면 된다.


$("#widget-grid").jarvisWidgets('destroy');


$('#widget-grid').jarvisWidgets({

grid : 'article',

widgets : '.jarviswidget',

localStorage : localStorageJarvisWidgets,

deleteSettingsKey : '#deletesettingskey-options',

settingsKeyLabel : 'Reset settings?',

deletePositionKey : '#deletepositionkey-options',

positionKeyLabel : 'Reset position?',

sortable : sortableJarvisWidgets,

buttonsHidden : false,

// toggle button

toggleButton : true,

toggleClass : 'fa fa-minus | fa fa-plus',

toggleSpeed : 200,

onToggle : function() {

}

});




출처:https://stackoverflow.com/questions/26804370/editing-a-bootstrap-template-adding-dynamically-jarviswidget-and-regenerate-the