{"id":1413,"date":"2025-10-10T15:11:27","date_gmt":"2025-10-10T08:11:27","guid":{"rendered":"https:\/\/portal-atlasx.cdg.co.th\/home\/?post_type=docs&#038;p=1413"},"modified":"2025-11-12T15:28:26","modified_gmt":"2025-11-12T08:28:26","slug":"binding-json-from-parameters-to-datasource","status":"publish","type":"docs","link":"https:\/\/portal-atlasx.cdg.co.th\/home\/docs\/axws7\/telerik-reporting\/binding-json-from-parameters-to-datasource\/","title":{"rendered":"Binding JSON from Parameters to DataSource"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\" id=\"binding-json-from-parameters-to-datasource\">Binding JSON from Parameters to DataSource<\/h1>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Note<\/h5>\n\n\n\n<p>\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Report Designer 2024 Q2 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e1b \u0e42\u0e14\u0e22\u0e43\u0e2b\u0e49\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 Telerik Reporting 18.1.24.709 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e1b \u0e08\u0e36\u0e07\u0e08\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0e04\u0e2d\u0e19\u0e1f\u0e34\u0e01-json-data-source\">\u0e04\u0e2d\u0e19\u0e1f\u0e34\u0e01 JSON Data Source<\/h2>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-a31aa551 wp-block-group-is-layout-constrained\">\n<ol class=\"wp-block-list\">\n<li>\u0e2a\u0e23\u0e49\u0e32\u0e07 Report Template \u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1f\u0e25\u0e4c\u00a0<code>*.trdx<\/code>\u00a0\u0e40\u0e0a\u0e48\u0e19 Report1.trdx \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<\/li>\n\n\n\n<li>\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e41\u0e17\u0e47\u0e1a\u00a0<code>Data<\/code>\u00a0\u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u00a0<code>JSON Data Source<\/code>\u00a0\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e08\u0e30\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e2d\u0e19\u0e1f\u0e34\u0e01<\/li>\n\n\n\n<li>\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e2d\u0e19\u0e1f\u0e34\u0e01 \u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e17\u0e47\u0e1a\u00a0<code>Use Inline JSON<\/code>\u00a0\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e43\u0e2a\u0e48 JSON \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49 \u0e41\u0e25\u0e49\u0e27\u0e04\u0e25\u0e34\u0e01\u00a0<code>Next<\/code><\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d1f5b191 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-Fira-Code\" style=\"font-size:.875rem;font-family:Code-Pro-Fira-Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&#91;{\"ID\":1,\"NAME\":\"Test 1\"}&#93;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #000000\">&#91;{<\/span><span style=\"color: #A31515\">&quot;ID&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #098658\">1<\/span><span style=\"color: #000000\">,<\/span><span style=\"color: #A31515\">&quot;NAME&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #A31515\">&quot;Test 1&quot;<\/span><span style=\"color: #000000\">}&#93;<\/span><\/span><\/code><\/pre><\/div>\n<\/div>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u00a0<code>Preview<\/code>\u00a0\u0e40\u0e1e\u0e34\u0e48\u0e2d\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u00a0<code>Finish<\/code><\/li>\n<\/ol>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19-json-data-source-\u0e01\u0e31\u0e1a-table\">\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 JSON Data Source \u0e01\u0e31\u0e1a Table<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e41\u0e17\u0e47\u0e1a\u00a0<code>Insert<\/code>\u00a0\u0e41\u0e25\u0e49\u0e27\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21 Table \u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u00a0<code>Table<\/code><\/li>\n\n\n\n<li>\u0e44\u0e1b\u0e17\u0e35\u0e48\u00a0<code>Report Explorer<\/code>\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u00a0<code>table1<\/code>\u00a0(\u0e0a\u0e37\u0e48\u0e2d\u0e15\u0e32\u0e23\u0e32\u0e07 \u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e2d\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e15\u0e32\u0e23\u0e32\u0e07)<\/li>\n\n\n\n<li>\u0e44\u0e1b\u0e17\u0e35\u0e48\u00a0<code>Properties<\/code>\u00a0\u0e41\u0e25\u0e49\u0e27\u0e01\u0e33\u0e2b\u0e19\u0e14 Data Source (<code>jsonDataSource1<\/code>) \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e15\u0e2d\u0e19\u0e15\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u00a0<code>table1<\/code><\/li>\n\n\n\n<li>\u0e01\u0e33\u0e2b\u0e19\u0e14\u00a0<code>Expression<\/code>\u00a0\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e2d\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07 \u0e40\u0e0a\u0e48\u0e19 Column1 = [Fields.ID] \u0e41\u0e25\u0e30 Column2 = [Fields.NAME] \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>ID<\/th><th>NAME<\/th><\/tr><\/thead><tbody><tr><td>[=Fields.ID]<\/td><td>[=Fields.NAME]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u00a0<code>Preview Report<\/code>\u00a0\u0e42\u0e14\u0e22\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e41\u0e17\u0e47\u0e1a Home \u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u00a0<code>Preview<\/code><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"binding-json-\u0e08\u0e32\u0e01-parameter-\u0e40\u0e02\u0e49\u0e32\u0e15\u0e32\u0e23\u0e32\u0e07\">Binding JSON \u0e08\u0e32\u0e01 Parameter \u0e40\u0e02\u0e49\u0e32\u0e15\u0e32\u0e23\u0e32\u0e07<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0e44\u0e1b\u0e17\u0e35\u0e48\u00a0<code>Report Explorer<\/code>\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u00a0<code>table1<\/code><\/li>\n\n\n\n<li>\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u00a0<code>Edit Bindings<\/code>\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e38\u0e48\u0e21\u00a0<code>New<\/code><\/li>\n\n\n\n<li>\u0e43\u0e2a\u0e48\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Property path:\u00a0<code>DataSource.Source<\/code><\/li>\n\n\n\n<li>Expression: \u0e40\u0e25\u0e37\u0e2d\u0e01\u00a0<code>&lt;New Report Parameter><\/code><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-a31aa551 wp-block-group-is-layout-constrained\">\n<ol start=\"4\" class=\"wp-block-list\">\n<li>\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Parameter \u0e41\u0e25\u0e30\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e21\u0e32\u0e08\u0e32\u0e01 Client \u0e42\u0e14\u0e22\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e19\u00a0<code>Value<\/code>\u00a0\u0e15\u0e32\u0e21\u0e04\u0e48\u0e32\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e41\u0e25\u0e49\u0e27\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u00a0<code>OK<\/code><\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-eb8b826f wp-block-group-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-Fira-Code\" style=\"font-size:.875rem;font-family:Code-Pro-Fira-Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&#91;\n {\"ID\":1,\"NAME\":\"Test 1\"},\n {\"ID\":2,\"NAME\":\"Test 2\"},\n {\"ID\":3,\"NAME\":\"Test 3\"}\n&#93;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #000000\">&#91;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\"> {<\/span><span style=\"color: #A31515\">&quot;ID&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #098658\">1<\/span><span style=\"color: #000000\">,<\/span><span style=\"color: #A31515\">&quot;NAME&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #A31515\">&quot;Test 1&quot;<\/span><span style=\"color: #000000\">},<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\"> {<\/span><span style=\"color: #A31515\">&quot;ID&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #098658\">2<\/span><span style=\"color: #000000\">,<\/span><span style=\"color: #A31515\">&quot;NAME&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #A31515\">&quot;Test 2&quot;<\/span><span style=\"color: #000000\">},<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\"> {<\/span><span style=\"color: #A31515\">&quot;ID&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #098658\">3<\/span><span style=\"color: #000000\">,<\/span><span style=\"color: #A31515\">&quot;NAME&quot;<\/span><span style=\"color: #001080\">:<\/span><span style=\"color: #A31515\">&quot;Test 3&quot;<\/span><span style=\"color: #000000\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">&#93;<\/span><\/span><\/code><\/pre><\/div>\n<\/div>\n<\/div>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>\u0e2b\u0e19\u0e49\u0e32\u00a0<code>Edit Bindings<\/code>\u00a0\u0e08\u0e30\u0e44\u0e14\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e31\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07 \u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u00a0<code>OK<\/code><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Property path<\/th><th>Expression<\/th><\/tr><\/thead><tbody><tr><td><code>DataSource.Source<\/code><\/td><td><code>= Parameters.Parameter1.Value<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u00a0<code>Preview Report<\/code>\u00a0\u0e42\u0e14\u0e22\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e41\u0e17\u0e47\u0e1a Home \u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u00a0<code>Preview<\/code><\/li>\n\n\n\n<li>Client App \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 JSON \u0e21\u0e32\u0e17\u0e35\u0e48 Parameter \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d(<code>Parameter1<\/code>)\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d 4 \u0e44\u0e14\u0e49\u0e40\u0e25\u0e22<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":0,"parent":1408,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nav_title":"","positive":"","negative":"","footnotes":""},"docs_category":[],"class_list":["post-1413","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/1413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/comments?post=1413"}],"version-history":[{"count":13,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/1413\/revisions"}],"predecessor-version":[{"id":3228,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/1413\/revisions\/3228"}],"up":[{"embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/1408"}],"wp:attachment":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/media?parent=1413"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs_category?post=1413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}