The code :
$('.jqx-window-close-button').live('click', function (event) { var widgetIdToDelete = $(this).closest('.WidgetWindow').attr('id') //some server calls here $('#docking').jqxDocking('closeWindow', widgetIdToRemove); $('#' + widgetIdToRemove).remove(); });
My export layout the ends up like this after deleteing all the widgets:
{“panel0″: {},”panel1″: {},”panel2″: {},”floating”:{“fe0cf038-2bac-a9b6-fbf1-4e17315fd96b”:{“x”:”863px”,”y”:”325px”,”width”:”undefined”,”height”:”undefined”,”collapsed”:undefined},”cd35773f-5753-7e11-46d5-6090e7091d88″:{“x”:”583px”,”y”:”406px”,”width”:”undefined”,”height”:”undefined”,”collapsed”:undefined},”bb221b9d-4288-184f-9b6f-a0a362d5cf3e”:{“x”:”310.5px”,”y”:”123.5px”,”width”:”undefined”,”height”:”undefined”,”collapsed”:undefined}},”orientation”: “horizontal”}
But I don’t want the floating part!