{"id":2529,"date":"2016-11-07T09:28:55","date_gmt":"2016-11-07T09:28:55","guid":{"rendered":"http:\/\/himbap.com\/blog\/?p=2529"},"modified":"2016-11-07T09:28:55","modified_gmt":"2016-11-07T09:28:55","slug":"editable-grids-the-most-awaited-feature-continued","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=2529","title":{"rendered":"Editable Grids \u2013 The most awaited feature!! \u2013 Continued.."},"content":{"rendered":"<p>In our <a href=\"https:\/\/himbap.com\/blog\/?p=2514\">last article <\/a>we started discussing Editable grid and we are continuing discussing some more\u00a0features of editable grid here. So let\u2019s start !!<br \/>\nWe discussed how to configure editable grid for views, similarly we can also apply editable grids to sub grid and perform inline editing.<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid6.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2530 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid6-276x300.png\" alt=\"inlineditablegrid6\" width=\"276\" height=\"300\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid6-276x300.png 276w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid6.png 387w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/a><\/p>\n<p>And once our changes published we can do inline editing in sub grids as well<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid11.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2535 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid11-300x127.png\" alt=\"inlineditablegrid11\" width=\"300\" height=\"127\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid11-300x127.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid11.png 520w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Editable grid also support following three event:<br \/>\n<strong>OnRecordSelect<\/strong> \u2013 This event fires when we select single record in grid. For example we can bound our custom script method like following screen:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid7.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2531 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid7-300x118.png\" alt=\"inlineditablegrid7\" width=\"300\" height=\"118\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid7-300x118.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid7.png 504w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>and when we will select any record, it will fire, for example we are just showing alert:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid8.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2532 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid8-300x98.png\" alt=\"inlineditablegrid8\" width=\"300\" height=\"98\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid8-300x98.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid8-624x203.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid8.png 750w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<strong>Onchange<\/strong> \u2013 This event fire on value change of grid fields, it works similar to field event and fires when we will lose focus from the field.<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid9.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2533 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid9-300x96.png\" alt=\"inlineditablegrid9\" width=\"300\" height=\"96\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid9-300x96.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid9-624x200.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid9.png 789w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>OnSave<\/strong> \u2013 This event occurs before sending updated date to server.<\/p>\n<p><a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid10.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2534 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid10-300x89.png\" alt=\"inlineditablegrid10\" width=\"300\" height=\"89\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid10-300x89.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid10-624x184.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2016\/11\/inlineditablegrid10.png 725w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>We can also use <a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/mt788311.aspx#Anchor_2\">grid methods <\/a>to interact with editable grids.<\/p>\n<p>Stay tuned for more Dynamics 365 new features !!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our last article we started discussing Editable grid and we are continuing discussing some more\u00a0features of editable grid here. So let\u2019s start !! We discussed how to configure editable grid for views, similarly we can also apply editable grids to sub grid and perform inline editing. And once our changes published we can do inline editing in sub grids&#8230; <a href=\"https:\/\/himbap.com\/blog\/?p=2529\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[402],"tags":[404,409,405],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2529"}],"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=2529"}],"version-history":[{"count":4,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2529\/revisions"}],"predecessor-version":[{"id":2539,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2529\/revisions\/2539"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}