跳转详情页面

详情页面。
直接获取接口下的id。

//推荐
@Override
public void shoutui(News3 news3) {
List<News3.DataBean.TuijianBean.ListBeanX> list = news3.getData().getTuijian().getList();
//Toast.makeText(getActivity(), “list:” + list, Toast.LENGTH_SHORT).show();
GridLayoutManager manager = new GridLayoutManager(getActivity(), 2, GridLayoutManager.VERTICAL, false);
recyTuijian.setLayoutManager(manager);
MyAdapter_tuijian tuijian = new MyAdapter_tuijian(getActivity(), list);

tuijian.setOnitemclick(new MyAdapter_tuijian.onitemclick() {
    @Override
    public void onclick(int position) {
        int pid = news3.getData().getTuijian().getList().get(position).getPid();

        Intent intent = new Intent(getActivity(), xiangqingActivity.class);
        intent.putExtra("pid",pid);
        startActivity(intent);
    }
});
recyTuijian.setAdapter(tuijian);
}

然后再跳转的Activity的页面引入布局
在赋值

  @Override
    public void data(Xiangqing xiangqing) {
        Xiangqing.DataBean data = xiangqing.getData();
        Toast.makeText(this, "data:" + data, Toast.LENGTH_SHORT).show();
        //LayoutInflater.from(xiangqingActivity.this).inflate(R.layout.activity_xiangqing,null);
        xiangqing_name = findViewById(R.id.xiangqing_name);
        xiangqing_price = findViewById(R.id.xiangqing_price);
        xiangqing_simp = findViewById(R.id.xiangqing_simp);
        String[] split = data.getImages().split("\\|");
        Uri uri = Uri.parse(split[0]);
        xiangqing_simp.setImageURI(uri);
        xiangqing_name.setText(xiangqing.getData().getTitle());
        xiangqing_price.setText(xiangqing.getData().getPrice()+"");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在React中,你可以使用React Router来实现页面之间的跳转。 首先,在你的App.js或者其他主要组件中,引入React Router: ```jsx import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; ``` 然后,在Router组件中,使用Switch和Route来定义你的路由: ```jsx <Router> <Switch> <Route exact path="/" component={Home} /> <Route exact path="/details/:id" component={Details} /> </Switch> </Router> ``` 在上面的代码中,我们定义了两个路由:一个是根路由,对应到Home组件,另一个是/details/:id,对应到Details组件,其中:id是一个参数,用来传递详情页面的ID。 接下来,在你的点击事件处理函数中,使用React Router的history对象来跳转详情页面: ```jsx import { useHistory } from 'react-router-dom'; function handleClick(id) { const history = useHistory(); history.push(`/details/${id}`); } ``` 在上面的代码中,我们使用useHistory hook来获取history对象,然后使用push方法来跳转到指定的路由。 最后,在Details组件中,可以使用useParams hook来获取路由参数: ```jsx import { useParams } from 'react-router-dom'; function Details() { const { id } = useParams(); return ( <div> <h1>Details Page</h1> <p>ID: {id}</p> </div> ); } ``` 在上面的代码中,我们使用useParams hook来获取路由参数中的id值,然后在页面中显示出来。 这样,当你在页面中点击某个元素时,就可以调用handleClick函数来跳转详情页面了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值