easyui+asp.net mvc 选项卡参数传递

本文介绍了如何在EasyUI的选项卡中通过URL参数进行数据传递。通过HTML、JS以及C#(ASP.NET MVC)的代码示例,详细展示了从URL获取参数并在后台控制器中接收的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们在使用easyui的选项卡功能时,可以直接在url后面跟上参数来进行数据传递。

html代码:

<div class="Z-left-system-operate" οnclick="addTab('Test', '/ZTest/Index?id=1', 'icon-add-new')">实时信息设置</div>

js代码:

function addTab(subtitle, url, icon) {
    
    //关闭选项卡
    $('#tabs').tabs('close', subtitle);
    if (!$('#tabs').tabs('exists', subtitle)) {
        $('#tabs').tabs('add', {
            title: subtitle,
            href : url,
            closable: true,
            icon: icon
        });
    } else {
        $('#tabs').tabs('select', subtitle);
        var temp = url.split("/");
        switch (temp[1]) {
            case "Station":
                $('#station').datagrid('reload');
                break;
            case "Pump":
                $('#pump').datagrid('reload');
                break;
            default:
        }
        
    }
    
}

c# ZTestController.cs 代码:

public ActionResult Index()
        {
            string id = Request.QueryString["id"];
            ViewData["id"] = id;
            return View();
        }

Index.cshtml 代码:

@ViewData["id"]

关键代码就是c#的接收数据:

string id = Request.QueryString["id"];

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值