[CHANGED] optimize demo

uxcore · Jul 18, 2019 · be23290 · be23290
1 parent 0f432eb
commit be23290
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 36 deletions.
diff --git a/demo/GridDemo.jsx b/demo/GridDemo.jsx
@@ -380,45 +380,52 @@ class Demo extends React.Component {
       },
       onToggleSubComp: (isOpen, rowData, table) => {
         setTimeout(() => {
-          rowData.customContent = rowData.firstName
+          rowData.customContent = {
+            data: [
+              {
+                id: `${rowData.id}-${setTimeout(0)}`, class: rowData.firstName, dep: '用户体验平台', person: '张三'
+              },
+              {
+                id: `${rowData.id}-${setTimeout(0)}`, class: rowData.firstName, dep: '用户体验平台', person: '李思'
+              },
+              {
+                id: `${rowData.id}-${setTimeout(0)}`, class: rowData.firstName, dep: '用户体验平台', person: '王武'
+              }
+            ]
+          }
           isOpen && table.updateRow(rowData)
-        }, 1000)
+        }, 100)
       },
       renderSubComp: (rowData) => {
+        const subProps = {
+          jsxcolumns: [
+            {
+              dataKey: 'id',
+              title: '序号',
+            },
+            {
+              dataKey: 'class',
+              title: '分类',
+              width: '200px',
+            },
+            {
+              dataKey: 'dep',
+              title: '部门',
+              width: '200px',
+            },
+            {
+              dataKey: 'person',
+              title: '采购员',
+              width: '200px',
+            },
+          ],
+          className: 'kuma-uxtable-ghost',
+        };
         return (
-          <div>
-            {rowData.customContent ? rowData.customContent : 'loading'}
+          <div style={{ padding: '0 24px', background: 'rgba(31,56,88,0.04)' }}>
+            <Table {...subProps} jsxdata={rowData.customContent || {data: []}} />
           </div>
-        )
-        // const subProps = {
-        //   jsxcolumns: [
-        //     {
-        //       dataKey: 'id',
-        //       title: '序号',
-        //     },
-        //     {
-        //       dataKey: 'class',
-        //       title: '分类',
-        //       width: '200px',
-        //     },
-        //     {
-        //       dataKey: 'dep',
-        //       title: '部门',
-        //       width: '200px',
-        //     },
-        //     {
-        //       dataKey: 'person',
-        //       title: '采购员',
-        //       width: '200px',
-        //     },
-        //   ],
-        //   className: 'kuma-uxtable-ghost',
-        // };
-        // return (
-        //   <div style={{ padding: '0 24px', background: 'rgba(31,56,88,0.04)' }}>
-        //     <Table {...subProps} jsxdata={rowData.subCompData} />
-        //   </div>
-        // );
+        );
       },
     };
     return (

diff --git a/demo/data.json b/demo/data.json
@@ -5,7 +5,7 @@
         "check": true,
         "id": "1",
         "grade": "grade1",
-        "email": "email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1email1",
+        "email": "email",
         "firstName": "firstName1",
         "lastName": "lastName1",
         "birthDate": "birthDate1",
@@ -244,4 +244,4 @@
   "success": true,
   "errorCode": "",
   "errorMsg": ""
-}
+}