{"id":305,"date":"2015-07-02T12:37:40","date_gmt":"2015-07-02T03:37:40","guid":{"rendered":"http:\/\/www.fsquare.co.kr\/?p=305"},"modified":"2015-07-02T12:37:40","modified_gmt":"2015-07-02T03:37:40","slug":"extjs-grid-load-%ed%9b%84-checkbox-grid-select","status":"publish","type":"post","link":"https:\/\/www.fsquare.co.kr\/?p=305","title":{"rendered":"[ExtJs] Grid load \ud6c4 CheckBox Grid Select"},"content":{"rendered":"<p>Checkbox\uac00 \uc788\ub294 Grid\uc5d0\uc11c \ud2b9\uc815 row\ub97c \uc120\ud0dd\ud558\uc5ec \uc0ad\uc81c, \ucd94\uac00, \ubcc0\uacbd \ub4f1\uc758 \uc791\uc5c5\uc744 \ud55c \ud6c4 \uc77c\uad04 \uc800\uc7a5\uc744 \ud55c\ub2e4\uba74 \uc0c1\uad00\uc774 \uc5c6\uc9c0\ub9cc, \uc77c\uad04 \uc800\uc7a5\uc774 \uc544\ub2c8\ub77c \uadf8\ub54c \uadf8\ub54c \ubcc0\ud654\ub97c \ubc14\ub85c Server\uce21\uc5d0 \uc804\uc1a1\ud558\uc5ec \uc800\uc7a5\ud558\uba74 Data\ub97c \ub2e4\uc2dc load \ud574\uc57c \ud560 \ud544\uc694\uac00 \uc788\uac8c\ub41c\ub2e4.<\/p>\n<p>\uc774 \ub54c Grid\uc758 Data\ub97c load ( ExtCmp(&#8216;Grid1&#8217;).getStore().load() \ub4f1\uc744 \uc774\uc6a9)\ud558\ub294 \uacbd\uc6b0 grid\uc5d0\uc11c \uc120\ud0dd\ub41c row (record)\uac00 reset\ub41c\ub2e4. \ud2b9\ud788 checkbox\ub97c \uac00\uc9c4 grid\uc758 \uacbd\uc6b0 check box\uac00 reset\ub418\uc5b4 \ubc84\ub9b0\ub2e4. \uc774 \ub54c, grid\ub97c load\ud558\uae30 \uc804\uc5d0 \uc120\ud0dd\ub418\uc5b4 \uc788\ub358 record (\ub610\ub294 record\ub4e4)\uc744 \ub2e4\uc2dc \uc120\ud0dd\ud574 \uc8fc\ub294 trick\uc774 \ud544\uc694\ud558\ub2e4.<\/p>\n<pre>    var f_idx = Ext.getCmp('Grid1').getSelectionModel().getSelection()[0].index;\r\n<\/pre>\n<p>\ub610\ub294<\/p>\n<pre>    for ( i=0; i&lt; Ext.getCmp('Grid1').getSelectionModel().getSelection().length; i++ ) \r\n    {\r\n        arr[i] = Ext.getCmp('Grid1').getSelectionModel().getSelection()[i].index;\r\n    }\r\n<\/pre>\n<p>\ub4f1\uc73c\ub85c \uc120\ud0dd record\uc758 index\ub97c \uc800\uc7a5\uc744 \ud55c \ud6c4<\/p>\n<pre>    Ext.getCmp('Grid1').getStore().load();\r\n    Ext.getCmp('Grid1').getSelectionModel().select(f_idx, true, true); \r\n<\/pre>\n<p>\uc73c\ub85c \ub2e4\uc2dc \uc120\ud0dd\ud574 \uc900\ub2e4. \uadf8\ub7f0\ub370, grid\ub97c \ub2e4\uc2dc load \ud558\uba74 load\ud568\uc218\ub294 \ube44\ub3d9\uae30\uc2dd\uc774\ubbc0\ub85c data\ub97c loading\ud558\ub294 \uc2dc\uac04\uacfc select() \uba85\ub839\uc5d0 \uc758\ud574 record\uac00 \uc120\ud0dd\ub418\ub294 \uc2dc\uac04\uc758 \uc120 \ud6c4\uac00 \ubc14\ub014 \uc218\uac00 \uc788\ub2e4. \uc989, grid\uac00 \ub2e4\uc2dc load\ud558\ub294 \ub3d9\uc548 select() \uba85\ub839\uc5d0 \uc758\ud574 \uc120\ud0dd\ub418\uc5b4 \uc9c4 \ud6c4 data\uac00 \ub2e4\uc2dc reset\ub418\uc5b4 \ubc84\ub824 select\ud55c row(record)\uac00 \uc120\ud0dd \ud574\uc81c(reset)\ub418\uc5b4\ubc84\ub9b4 \uc218 \uc788\ub2e4.<br \/>\n\uadf8\ub798\uc11c,<\/p>\n<pre>    Ext.getCmp('Grid1').getStore().load({\r\n         scope:this,\r\n         callback:function(records, operation, success){\r\n                 Ext.getCmp('Grid1').getSelectionModel().select(f_idx, true, true); \r\n          }\r\n    });\r\n<\/pre>\n<p>\uacfc \uac19\uc774 callback \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec data load\uac00 \ub05d\ub09c \ud6c4 select\uac00 \ub418\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Checkbox\uac00 \uc788\ub294 Grid\uc5d0\uc11c \ud2b9\uc815 row\ub97c \uc120\ud0dd\ud558\uc5ec \uc0ad\uc81c, \ucd94\uac00, \ubcc0\uacbd \ub4f1\uc758 \uc791\uc5c5\uc744 \ud55c \ud6c4 \uc77c\uad04 \uc800\uc7a5\uc744 \ud55c\ub2e4\uba74 \uc0c1\uad00\uc774 \uc5c6\uc9c0\ub9cc, \uc77c\uad04 \uc800\uc7a5\uc774 \uc544\ub2c8\ub77c \uadf8\ub54c \uadf8\ub54c \ubcc0\ud654\ub97c \ubc14\ub85c Server\uce21\uc5d0 \uc804\uc1a1\ud558\uc5ec \uc800\uc7a5\ud558\uba74 Data\ub97c \ub2e4\uc2dc load \ud574\uc57c \ud560 \ud544\uc694\uac00 \uc788\uac8c\ub41c\ub2e4. \uc774 \ub54c Grid\uc758 Data\ub97c load ( ExtCmp(&#8216;Grid1&#8217;).getStore().load() \ub4f1\uc744 \uc774\uc6a9)\ud558\ub294 \uacbd\uc6b0 grid\uc5d0\uc11c \uc120\ud0dd\ub41c row (record)\uac00 reset\ub41c\ub2e4. \ud2b9\ud788 checkbox\ub97c \uac00\uc9c4 grid\uc758 \uacbd\uc6b0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-305","post","type-post","status-publish","format-standard","hentry","category-extjs","category-it"],"_links":{"self":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=305"}],"version-history":[{"count":2,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/305\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/305\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}