{"id":2717,"date":"2017-06-30T11:02:34","date_gmt":"2017-06-30T11:02:34","guid":{"rendered":"http:\/\/himbap.com\/blog\/?p=2717"},"modified":"2017-06-30T11:02:34","modified_gmt":"2017-06-30T11:02:34","slug":"update-entity-form-js-library-without-removing-event-handlers-quick-workaround","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=2717","title":{"rendered":"Update Entity Form JS Library without removing event handlers- Quick Workaround"},"content":{"rendered":"

Requirement<\/strong>: – Let\u2019s say we have one entity with good amount of custom fields and we have developed a web resource for main form. Many of the fields have onchange event associated with them. Now we got new requirement where we need to implement similar kind of form with some new functionality for different type of users and some of the existing methods also need to be modified. The requirement is to replace new form JS library with updated new JS library but without removing dependent handlers (as we are using many onchange event handlers as is) with minimum efforts.<\/p>\n

Solution<\/strong>:- I don\u2019t see a direct way to implement above requirement so I used following workaround.
\nLet\u2019s first create our custom solution and add our entity into solution using Add Existing<\/strong> button under solution toolbar. After that we can open entity form editor and can make copy of form using Save As like following:<\/p>\n

\"formscript1\"<\/a><\/p>\n

Let\u2019s say we saved it as \u201cCustomer Details- Vendor<\/strong>\u201d. Now need to copy existing form JS library code and need to create a new web resource in the same solution. Once new web resource is created we can add it to new form using form properties dialog.
\n\"formscript2\"<\/a><\/p>\n

Now export our solution and unzip exported solution zip folder. We need to open Customization.xml file into some xml editor. We are using visual studio here. Navigate to FormXml<\/strong> node under Entity node. We need to look for forms node where type is main, we should see two child nodes there, one for information form and one for our new form.
\n\"formscript3\"<\/a><\/p>\n

Delete first library reference, which is there for old library and also replace library name under on change event handlers.
\n\"formscript4\"<\/a>
\nNow select all the files and right click on mouse to compress it using following option:
\n\"formscript5\"<\/a><\/p>\n

Make sure to rename zip folder with original solution name for example \u201cHIMBAPDevSolution_1_0.zip\u201d and finally import this solution to your organization and publish your changes.
\nNow we can do other modification to new JS web resource and add\/remove fields to our new form.<\/p>\n","protected":false},"excerpt":{"rendered":"

Requirement: – Let\u2019s say we have one entity with good amount of custom fields and we have developed a web resource for main form. Many of the fields have onchange event associated with them. Now we got new requirement where we need to implement similar kind of form with some new functionality for different type of users and some of… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[402,275],"tags":[442,441],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2717"}],"collection":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2717"}],"version-history":[{"count":3,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2717\/revisions"}],"predecessor-version":[{"id":2725,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2717\/revisions\/2725"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}