{"id":2770,"date":"2015-03-31T20:21:29","date_gmt":"2015-03-31T16:21:29","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2770"},"modified":"2023-05-05T13:43:48","modified_gmt":"2023-05-05T10:43:48","slug":"soft-closed-windows","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/soft-closed-windows\/","title":{"rendered":"DHTMLX Little-Known Features: “Soft-Closed” Windows"},"content":{"rendered":"

Update: This feature was deprecated. Find the latest features on the DHTMLX Window page<\/a>.<\/strong><\/p>\n

One more small DHTMLX tip with the help of which you’ll be able to close window (not collapse), but it will be still active and continue working on background.<\/p>\n

Why does someone need it? It’ll save you from the necessity to load the definite part of information each time, i.e. the work with your app will render faster.<\/p>\n

\"soft-closed-windows\"<\/p>\n

So, to achieve it, we use the following algorithm:<\/p>\n

function<\/span> showWindow(<\/span>id,<\/span> text)<\/span> {<\/span>
\n   
\n    \/\/ step 1 - init windows on first attempt to show window<\/span>
\n    if<\/span> (<\/span>myWindows ==<\/span> null<\/span>)<\/span> {<\/span>
\n        myWindows =<\/span> new<\/span> dhtmlXWindows(<\/span>)<\/span>;<\/span>
\n    }<\/span>
\n   
\n    \/\/ step 2 - check if window already inited<\/span>
\n    if<\/span> (<\/span>myWindows.window<\/span>(<\/span>id)<\/span> ==<\/span> null<\/span>)<\/span> {<\/span>
\n       
\n        \/\/ window not inited yet, init new one and configure<\/span>
\n        var<\/span> w1 =<\/span> myWindows.createWindow<\/span>(<\/span>....)<\/span>;<\/span>
\n       
\n        \/\/ attach closing event, here we will hide<\/span>
\n        \/\/ window instead of completely closing<\/span>
\n        w1.attachEvent<\/span>(<\/span>"onClose"<\/span>,<\/span> function<\/span>(<\/span>win)<\/span>{<\/span>
\n            win.hide<\/span>(<\/span>)<\/span>;<\/span>
\n            return<\/span> false<\/span>;<\/span>
\n        }<\/span>)<\/span>;<\/span>
\n       
\n    }<\/span> else<\/span> {<\/span>
\n        \/\/ window inited, just show it<\/span>
\n        myWindows.window<\/span>(<\/span>id)<\/span>.show<\/span>(<\/span>)<\/span>;<\/span>
\n       
\n    }<\/span>
\n   
\n    \/\/ call init code if any<\/span>
\n    \/\/...<\/span>
\n}<\/span><\/div><\/div>\n

If you have any questions regarding this tip, feel free to leave it in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"

Update: This feature was deprecated. Find the latest features on the DHTMLX Window page. One more small DHTMLX tip with the help of which you’ll be able to close …<\/p>\n","protected":false},"author":2,"featured_media":3306,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,72,1,38],"tags":[33,43,14],"class_list":["post-2770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-general","category-uncategorized","category-visible","tag-all-posts","tag-dhtmlx-tips","tag-tips"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=2770"}],"version-history":[{"count":3,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2770\/revisions"}],"predecessor-version":[{"id":8573,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2770\/revisions\/8573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3306"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}