选中行后关闭弹窗并返回触发视图的实现方法

没问题，这事儿逻辑其实挺清晰的，核心就是把「选中行」「关闭弹窗」「返回原视图」这三个动作顺次串起来就行。我分不同主流平台给你具体的实现思路，你对着自己的技术栈来用就好：

iOS（Swift）场景 #

不管你用UIKit还是SwiftUI，实现起来都很直接：

UIKit 实现 #

如果你是用UIKit做的弹窗ViewController，直接在TableView的选中代理方法里处理：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 1. 你已经搞定的步骤：把选中值存到全局变量
    let selectedData = yourDataSource[indexPath.row]
    GlobalVariables.selectedValue = selectedData
    
    // 2. 关闭弹窗
    self.dismiss(animated: true) {
        // 3. 补充说明：如果弹窗是通过push进导航栈的（不是present的模态视图），就用下面这句返回
        // self.navigationController?.popViewController(animated: true)
    }
}

划重点：如果弹窗是用present弹出的模态视图，dismiss之后会自动回到触发它的原页面，不需要额外写跳转代码；只有弹窗是push到导航栈里的情况，才需要用popViewController返回。

SwiftUI 实现 #

要是你用SwiftUI的Sheet弹窗，绑定一个布尔值控制显示就行，代码更简洁：

// 原视图代码
struct OriginalView: View {
    @State private var showPopup = false
    // 也可以不用全局变量，直接用Binding把值传回原视图
    @State private var selectedValue: YourDataType?
    
    var body: some View {
        Button("打开弹窗") {
            showPopup = true
        }
        .sheet(isPresented: $showPopup) {
            PopupTableView(selectedValue: $selectedValue)
        }
    }
}

// 弹窗里的TableView视图
struct PopupTableView: View {
    @Binding var selectedValue: YourDataType?
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        List(yourDataSource) { item in
            Button(action: {
                // 1. 存到全局变量（或者通过Binding直接传给原视图）
                GlobalVariables.selectedValue = item
                selectedValue = item
                
                // 2. 关闭弹窗，自动回到原视图
                dismiss()
            }) {
                Text(item.title)
            }
        }
    }
}

这里用@Environment(\.dismiss)来关闭Sheet，关闭后直接回到原视图，非常省心。

Android（Kotlin）场景 #

Android里常用Dialog或BottomSheetDialog做弹窗，处理逻辑类似：

基础Dialog实现 #

在弹窗里的RecyclerView（对应iOS的TableView）的点击事件里完成操作：

// 弹窗RecyclerView的适配器点击逻辑
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    val item = dataList[position]
    holder.itemView.setOnClickListener {
        // 1. 保存到全局变量
        GlobalVariables.selectedValue = item
        
        // 2. 关闭弹窗，自动回到原页面
        dialog.dismiss()
        
        // 额外补充：如果是从Fragment弹出的弹窗，需要通知原Fragment更新的话，可以用接口回调或ViewModel
    }
}

如果用的是BottomSheetDialogFragment，关闭后同样会自动回到触发它的原页面，不用额外跳转。

更优雅的ViewModel方案（推荐） #

其实不太建议用全局变量，用ViewModel共享数据会更解耦，避免全局变量的潜在问题：

// 共享ViewModel
class SharedViewModel : ViewModel() {
    val selectedItem = MutableLiveData<YourDataType>()
}

// 原Fragment/Activity
class OriginalFragment : Fragment() {
    private val sharedViewModel: SharedViewModel by activityViewModels()
    
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        // 打开弹窗的按钮点击事件
        openPopupBtn.setOnClickListener {
            val dialog = PopupDialog()
            dialog.show(childFragmentManager, "PopupDialog")
        }
        
        // 监听选中的条目，拿到数据后做后续操作
        sharedViewModel.selectedItem.observe(viewLifecycleOwner) { item ->
            // 处理选中值
        }
        return inflater.inflate(R.layout.fragment_original, container, false)
    }
}

// 弹窗DialogFragment
class PopupDialog : DialogFragment() {
    private val sharedViewModel: SharedViewModel by activityViewModels()
    
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val view = LayoutInflater.from(context).inflate(R.layout.popup_table_layout, null)
        val recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)
        
        val adapter = YourAdapter(dataList) { item ->
            // 把选中值传给ViewModel
            sharedViewModel.selectedItem.value = item
            // 关闭弹窗，回到原视图
            dismiss()
        }
        recyclerView.adapter = adapter
        
        return AlertDialog.Builder(requireContext())
            .setView(view)
            .create()
    }
}

Web前端场景（Vue/React） #

如果是Web端的弹窗，核心是通过状态控制弹窗显示/隐藏：

Vue 实现 #

<!-- 原组件 -->
<template>
  <button @click="showPopup = true">打开弹窗</button>
  <PopupTableView v-model:show="showPopup" @select="handleSelect" />
</template>

<script setup>
import PopupTableView from './PopupTableView.vue'
import { ref } from 'vue'
// 假设用Pinia做全局状态管理
import { useGlobalStore } from '@/stores/global'

const showPopup = ref(false)
const globalStore = useGlobalStore()

const handleSelect = (selectedValue) => {
  // 存到全局状态
  globalStore.selectedValue = selectedValue
  // 关闭弹窗，回到原组件
  showPopup.value = false
}
</script>

<!-- 弹窗组件 PopupTableView.vue -->
<template>
  <div class="popup" v-if="show">
    <table>
      <tr v-for="item in dataList" :key="item.id" @click="handleRowClick(item)">
        <td>{{ item.name }}</td>
      </tr>
    </table>
  </div>
</template>

<script setup>
const props = defineProps({
  show: Boolean
})
const emit = defineEmits(['update:show', 'select'])

const handleRowClick = (item) => {
  emit('select', item)
  emit('update:show', false)
}
</script>

React 实现 #

// 原组件
import { useState } from 'react'
import PopupTableView from './PopupTableView'
// 假设用Context做全局状态管理
import { useGlobalContext } from './GlobalContext'

function OriginalView() {
  const [showPopup, setShowPopup] = useState(false)
  const { setSelectedValue } = useGlobalContext()

  const handleSelect = (selectedValue) => {
    // 存到全局状态
    setSelectedValue(selectedValue)
    // 关闭弹窗
    setShowPopup(false)
  }
  
  return (
    <div>
      <button onClick={() => setShowPopup(true)}>打开弹窗</button>
      {showPopup && (
        <PopupTableView 
          onSelect={handleSelect} 
          onClose={() => setShowPopup(false)} 
        />
      )}
    </div>
  )
}

// 弹窗组件
function PopupTableView({ onSelect, onClose }) {
  const dataList = [/* 你的数据源 */]
  
  const handleRowClick = (item) => {
    onSelect(item)
    onClose()
  }
  
  return (
    <div className="popup">
      <table>
        {dataList.map(item => (
          <tr key={item.id} onClick={() => handleRowClick(item)}>
            <td>{item.name}</td>
          </tr>
        ))}
      </table>
    </div>
  )
}

内容的提问来源于stack exchange，提问作者user11823122