EasyUi 关于实现dialog 功能

在asp.net mvc实现对话框窗口的时候如果使用了EasyUi框架结构,就不得不用dialog的功能,

我在使用Dialog的时候遇到了几个问题

第一个就是因为在mvc视图中使用了_ViewStart.cshtml 的界面,所以不得不避开ViewStart.cshtml中的

@{
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}

我采用的方式是重写一个子Layout.cshtml,在使用的对话框界面通过引用这个子界面就可以了

@{
    Layout = "~/Areas/Admin/Views/Shared/_LayoutSubPage.cshtml";
}

第二个问题就是打开界面的问题,这里采用了使用了Jquery 的方法实现的,方法如下:

function ShowChangePwdDlg(url) {
    $(document.body).append("<div id='cPwdDlg'></div>");
    $('#cPwdDlg').dialog({
        title: "对话框标题",
        width: 480,
        height: 260,
        closed: false,
        cache: false,
        href: url,
        modal: true,
        onClose: function () { $(this).dialog("destroy"); }
    });
}

显示的界面如下:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xunbaogang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值