• 操作点击扩展按钮


     render() {
        
        
        const columns = [
          {
            title: '序号',
             100,
            dataIndex: (index)=>`${(current-1)*pageSize+index+1}`,
            render:(text,record,index)=>`${(current-1)*pageSize+index+1}`,
          },
          {
            title: "模板名称",
            dataIndex: "name",
            key: "name",
             200,
          },
          {
            title: "使用状态",
            dataIndex: "status",
            key: "status",
             200,
            className:"useStatus",
            // onClick=this.showModal(record.id),
            render:(text,record)=>{
              // 0停用,1启用
               switch(text){
                  case 1:
                      return '启用'
                  default:
                     return '停用'
                }
                // if(status == "0"){
                //   return "停用"
                // }else{
                //   return "启用"
                // }
              }
    
          },
          
          
          {
            title: "操作",
             200,
            render: (text, record) => {
              return (
              <div className="table-row-button" onClick={e => e.stopPropagation()}>
                <span onClick={()=>this.setId(record.id)} className={Style.a_color}>
                    操作
                </span>
                  <Divider type="vertical" />
                  {
                record.status===1?
                 <span onClick={()=>this.setVehicleApplyStatus(record.id,2,'在途中')} className={Style.a_color}>
                    启用
                  </span>
                  :null
              }
              {
                record.status===0?
                 <span onClick={()=>this.setVehicleApplyStatus(record.id,2,'在途中')} className={Style.a_color}>
                    停用
                  </span>
                  :null
              }
              </div>
              );
            }
          }
        ];
          </Layout>
        );
      

    1、在render里传参render(text,record);

    render:(text,record)=>{
    // 0停用,1启用
    switch(text){
    case 1:
    return '启用'
    default:
    return '停用'
    }
    },
    2、根据record对应传值显示自定义
    {
    record.status===1?
    <span onClick={()=>this.setVehicleApplyStatus(record.id,2,'在途中')} className={Style.a_color}>
    启用
    </span>
    :null
    }
  • 相关阅读:
    [Java学习] Java包装类、拆箱和装箱详解
    [Java学习] Java多态和动态绑定
    [Java学习] Java继承的概念与实现
    [Java学习] Java super关键字
    [Java代码] Java是自学好还是参加培训班好?
    [Java学习] Java字符串(String)
    [Java学习] Java方法重载
    [.NET源码] EF的增删改查
    C#面向服务WebService从入门到精通
    CoordinatorLayout-带图片伸缩工具栏
  • 原文地址:https://www.cnblogs.com/chaojimali/p/11342361.html
Copyright © 2020-2023  润新知