{"index.ts":"import { enableRipple } from '@syncfusion/ej2-base';\nenableRipple(true);\n/**\n * ListView Nested Sample\n */\nimport {ListView} from '@syncfusion/ej2-lists';\n\n\n let dataSource: { [key: string]: Object }[] = [\n {\n id: '01', text: 'Music', icon: 'folder',\n child: [\n { id: '01-01', text: 'Gouttes.mp3', icon: 'file' }\n ]\n },\n {\n id: '02', text: 'Videos', icon: 'folder',\n child: [\n { id: '02-01', text: 'Naturals.mp4', icon: 'file' },\n { id: '02-02', text: 'Wild.mpeg', icon: 'file' },\n ]\n },\n {\n id: '03', text: 'Documents', icon: 'folder',\n child: [\n { id: '03-01', text: 'Environment Pollution.docx', icon: 'file' },\n { id: '03-02', text: 'Global Water, Sanitation, & Hygiene.docx', icon: 'file' },\n { id: '03-03', text: 'Global Warming.ppt', icon: 'file' },\n { id: '03-04', text: 'Social Network.pdf', icon: 'file' },\n { id: '03-05', text: 'Youth Empowerment.pdf', icon: 'file' },\n ]\n },\n {\n id: '04', text: 'Pictures', icon: 'folder',\n child: [\n {\n id: '04-01', text: 'Camera Roll', icon: 'folder',\n child: [\n { id: '04-01-01', text: 'WIN_20160726_094117.JPG', icon: 'file' },\n { id: '04-01-02', text: 'WIN_20160726_094118.JPG', icon: 'file' },\n { id: '04-01-03', text: 'WIN_20160726_094119.JPG', icon: 'file' }\n ]\n },\n {\n id: '04-02', text: 'Wind.jpg', icon: 'file'\n },\n {\n id: '04-02', text: 'Stone.jpg', icon: 'file'\n },\n {\n id: '04-02', text: 'Home.jpg', icon: 'file'\n },\n {\n id: '04-02', text: 'Bridge.png', icon: 'file'\n }\n ]\n },\n {\n id: '05', text: 'Downloads', icon: 'folder',\n child: [\n { id: '05-01', text: 'UI-Guide.pdf', icon: 'file' },\n { id: '05-02', text: 'Tutorials.zip', icon: 'file' },\n { id: '05-03', text: 'Game.exe', icon: 'file' },\n { id: '05-04', text: 'TypeScript.7z', icon: 'file' },\n ]\n },\n ];\n\n let nestedListObj: ListView = new ListView({\n dataSource: dataSource,\n fields: { iconCss: 'icon', tooltip: 'text' },\n showIcon: true,\n headerTitle: 'Folders',\n showHeader: true\n });\n nestedListObj.appendTo('#listview');\n","index.html":"<!DOCTYPE html><html><head>\n <link href=\"http://npmci.syncfusion.com/packages/production/material.css\" rel=\"stylesheet\">\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js\"></script>\n <script src=\"systemjs.config.js\"></script>\n</head>\n<body>\n<style>\n .e-listview .e-list-icon {\n height: 24px;\n width: 30px;\n }\n \n .folder {\n background-repeat: no-repeat;\n background-image: url('http://npmci.syncfusion.com/production/demos/src/listview/images/file_icons.png');\n background-position: -5px -465px;\n background-size: 302%;\n }\n \n .file {\n background-repeat: no-repeat;\n background-image: url('http://npmci.syncfusion.com/production/demos/src/listview/images/file_icons.png');\n background-position: -5px -151px;\n background-size: 302%;\n }\n #listview {\n max-width: 500px;\n margin: auto;\n border: 1px solid #dddddd;\n border-radius: 3px;\n }\n</style>\n<div class=\"col-lg-12 control-section\">\n <div id=\"listview\" tabindex=\"1\"></div>\n</div>\n\n</body></html>","systemjs.config.js":"System.config({\n transpiler: \"typescript\",\n typescriptOptions: {\n compilerOptions: {\n target: \"umd\",\n module: \"commonjs\",\n moduleResolution: \"node\",\n emitDecoratorMetadata: true,\n experimentalDecorators: true\n }\n },\n paths: {\n \"syncfusion:\": \"http://npmci.syncfusion.com/packages/production/\"\n },\n map: {\n main: \"index.ts\",\n typescript: \"https://unpkg.com/
[email protected]/lib/typescript.js\",\n 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',\n \"@syncfusion/ej2-base\": \"syncfusion:ej2-base/dist/ej2-base.umd.min.js\",\n \"@syncfusion/ej2-buttons\": \"syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js\",\n \"@syncfusion/ej2-calendars\": \"syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js\",\n \"@syncfusion/ej2-charts\": \"syncfusion:ej2-charts/dist/ej2-charts.umd.min.js\",\n \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",\n \"@syncfusion/ej2-lineargauge\": \"syncfusion:ej2-lineargauge/dist/ej2-lineargauge.umd.min.js\",\n \"@syncfusion/ej2-data\": \"syncfusion:ej2-data/dist/ej2-data.umd.min.js\",\n \"@syncfusion/ej2-dropdowns\": \"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js\",\n \"@syncfusion/ej2-grids\": \"syncfusion:ej2-grids/dist/ej2-grids.umd.min.js\", \n \"@syncfusion/ej2-inputs\": \"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js\", \n \"@syncfusion/ej2-lists\": \"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js\",\n \"@syncfusion/ej2-navigations\": \"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js\", \n \"@syncfusion/ej2-popups\": \"syncfusion:ej2-popups/dist/ej2-popups.umd.min.js\",\n \"@syncfusion/ej2-excel-export\": \"syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js\",\n \"@syncfusion/ej2-pdf\": \"syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js\",\n \"@syncfusion/ej2-compression\": \"syncfusion:ej2-compression/dist/ej2-compression.umd.min.js\",\n \"@syncfusion/ej2-file-utils\": \"syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js\"\n },\n meta: { \n '*.json': { loader: 'plugin-json' }\n }\n});\nSystem.import('index.ts').catch(console.error.bind(console));"}
0 commit comments