Преглед изворни кода

列表页修改,支持点击行展示和修改

tianyunperfect пре 4 година
родитељ
комит
110f94503c
1 измењених фајлова са 18 додато и 3 уклоњено
  1. 18 3
      src/pages/MemoryList/index.tsx

+ 18 - 3
src/pages/MemoryList/index.tsx

@@ -46,6 +46,11 @@ const TableList: React.FC<{}> = () => {
 
   };
 
+  const  changeForm=async (record:any)=>{
+      setFormValues(record);
+      setModalVisible(true);
+  }
+
   const columns: ProColumns<TableListItem>[] = [
     {
       title: '正面',
@@ -56,7 +61,7 @@ const TableList: React.FC<{}> = () => {
         const show = getTextFromHtml(row.front);
         return (<>
           <Tooltip title={show}>
-            <span>{show.substring(0, 10)}</span>
+            <span >{show.substring(0, 10)}</span>
           </Tooltip>
         </>);
       }
@@ -115,8 +120,7 @@ const TableList: React.FC<{}> = () => {
         <>
           <a
             onClick={() => {
-              setFormValues(record);
-              setModalVisible(true);
+              changeForm(record);
             }}
           >
             修改
@@ -177,6 +181,17 @@ const TableList: React.FC<{}> = () => {
         }}
         columns={columns}
         rowSelection={{}}
+        onRow={record => {
+          return {
+            onClick: event => {
+              changeForm(record);
+            }, // 点击行
+            onDoubleClick: event => {},
+            onContextMenu: event => {},
+            onMouseEnter: event => {}, // 鼠标移入行
+            onMouseLeave: event => {},
+          };
+        }}
       />
       {modelVisible ? (
         <UpdateForm