This repository has been archived by the owner on Aug 19, 2019. It is now read-only.
/
7ef8e2b236d0e857fe97ce386482978b-no-data.component.html.json
1 lines (1 loc) · 22.5 KB
/
7ef8e2b236d0e857fe97ce386482978b-no-data.component.html.json
1
[{"file":"no-data.component.md","lang":"html","section":"ex-1","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">blockUi</span>\n [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"syncDataSource\"</span>\n [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"no-data.component.md","lang":"html","section":"ex-2","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">blockUi</span>\n [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"aSyncDataSource\"</span>\n [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"no-data.component.md","lang":"html","section":"ex-3","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">mat-radio-group</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"example-radio-group\"</span> (<span class=\"hljs-attr\">change</span>)=<span class=\"hljs-string\">\"moveToStep($event.value)\"</span> [<span class=\"hljs-attr\">value</span>]=<span class=\"hljs-string\">\"currentDynamicStep\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">mat-radio-button</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"example-radio-button\"</span> *<span class=\"hljs-attr\">ngFor</span>=<span class=\"hljs-string\">\"let step of dynamicSteps; index as index\"</span> [<span class=\"hljs-attr\">value</span>]=<span class=\"hljs-string\">\"index\"</span>></span>{{ step }}<span class=\"hljs-tag\"></<span class=\"hljs-name\">mat-radio-button</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">mat-radio-group</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">blockUi</span>\n [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"dynamicDataSource\"</span>\n [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"no-data.component.ts","lang":"ts","section":"ex-1","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation, OnDestroy } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">200</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span> },\n { prop: <span class=\"hljs-string\">'name'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-no-data-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./no-data.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./no-data.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> NoDataTableExampleComponent <span class=\"hljs-keyword\">implements</span> OnDestroy {\n\n columns = COLUMNS;\n\n syncDataSource = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">aSyncDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">dynamicSteps</span> = [\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">Data</span>',\n ];\n\n <span class=\"hljs-params\">currentDynamicStep</span> = 0;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n\n <span class=\"hljs-params\">ngOnDestroy</span><span class=\"hljs-params\">()</span>: <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">syncDataSource</span>.<span class=\"hljs-params\">dispose</span><span class=\"hljs-params\">()</span>;\n }\n\n <span class=\"hljs-params\">moveToStep</span>(<span class=\"hljs-params\">step: <span class=\"hljs-built_in\">number</span></span>): <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">currentDynamicStep</span> = <span class=\"hljs-params\">step</span>;\n <span class=\"hljs-params\">switch</span> (<span class=\"hljs-params\">step</span>) {\n <span class=\"hljs-params\">case</span> 0:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 1:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 2:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 3:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeopleSync(<span class=\"hljs-params\">5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n }\n }\n}\n</span>"},{"file":"no-data.component.ts","lang":"ts","section":"ex-2","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation, OnDestroy } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">200</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span> },\n { prop: <span class=\"hljs-string\">'name'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-no-data-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./no-data.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./no-data.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> NoDataTableExampleComponent <span class=\"hljs-keyword\">implements</span> OnDestroy {\n\n columns = COLUMNS;\n\n syncDataSource = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">aSyncDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">dynamicSteps</span> = [\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">Data</span>',\n ];\n\n <span class=\"hljs-params\">currentDynamicStep</span> = 0;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n\n <span class=\"hljs-params\">ngOnDestroy</span><span class=\"hljs-params\">()</span>: <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">syncDataSource</span>.<span class=\"hljs-params\">dispose</span><span class=\"hljs-params\">()</span>;\n }\n\n <span class=\"hljs-params\">moveToStep</span>(<span class=\"hljs-params\">step: <span class=\"hljs-built_in\">number</span></span>): <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">currentDynamicStep</span> = <span class=\"hljs-params\">step</span>;\n <span class=\"hljs-params\">switch</span> (<span class=\"hljs-params\">step</span>) {\n <span class=\"hljs-params\">case</span> 0:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 1:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 2:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 3:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeopleSync(<span class=\"hljs-params\">5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n }\n }\n}\n</span>"},{"file":"no-data.component.ts","lang":"ts","section":"ex-3","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation, OnDestroy } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">200</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span> },\n { prop: <span class=\"hljs-string\">'name'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-no-data-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./no-data.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./no-data.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> NoDataTableExampleComponent <span class=\"hljs-keyword\">implements</span> OnDestroy {\n\n columns = COLUMNS;\n\n syncDataSource = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">aSyncDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">dynamicSteps</span> = [\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Async</span> (<span class=\"hljs-params\">1 sec</span>) -> <span class=\"hljs-params\">No</span> <span class=\"hljs-params\">Data</span>',\n '<span class=\"hljs-params\">Sync</span> -> <span class=\"hljs-params\">Data</span>',\n ];\n\n <span class=\"hljs-params\">currentDynamicStep</span> = 0;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n\n <span class=\"hljs-params\">ngOnDestroy</span><span class=\"hljs-params\">()</span>: <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">syncDataSource</span>.<span class=\"hljs-params\">dispose</span><span class=\"hljs-params\">()</span>;\n }\n\n <span class=\"hljs-params\">moveToStep</span>(<span class=\"hljs-params\">step: <span class=\"hljs-built_in\">number</span></span>): <span class=\"hljs-params\">void</span> {\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">currentDynamicStep</span> = <span class=\"hljs-params\">step</span>;\n <span class=\"hljs-params\">switch</span> (<span class=\"hljs-params\">step</span>) {\n <span class=\"hljs-params\">case</span> 0:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => [] </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 1:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 2:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">1000, 0</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n <span class=\"hljs-params\">case</span> 3:\n <span class=\"hljs-params\">this</span>.<span class=\"hljs-params\">dynamicDataSource</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeopleSync(<span class=\"hljs-params\">5</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">break</span>;\n }\n }\n}</span>"}]