FINEUI(MVC) grid 双击弹窗功能

最新推荐文章于 2021-08-05 23:36:51 发布

helloxielan

最新推荐文章于 2021-08-05 23:36:51 发布

阅读量313

点赞数

文章标签：测试 ui

原文链接：http://www.cnblogs.com/hzf08/p/7494309.html

版权

添加步骤：

一，在grid 控件下添加双击的监听代码（此为客户端代码） .Listener("rowdblclick", "onGridRowDblClick")

二，预先准备弹窗窗体初始状态为隐藏其代码如下：

@(F.Window()
.Hidden(true)
.Height(450)
.Width(850)
.IsModal(true)
.OnClose(Url.Action("Window1_Close"))
.Target(Target.Top)
.EnableResize(true)
.EnableMaximize(true)
.EnableIFrame(true)
.Title("审批")
.ID("Window1")
)

三，js 里添加监听程序代码和处理逻辑

//获取选中行中的有用字段的值
function getGridSelectedRows() {
var result = [], grid = F.ui.Grid1;

$.each(grid.getSelectedRows(true), function (index, item) {
var itemArr = [];
itemArr.push(item.values.ERPSITE);
itemArr.push(item.values.PARTNO);
//alert(item.values.ERPSITE)
result.push(itemArr);
});
return result;
}

// 打开窗体
function openWindow(rowData) {

//
// 触发后台事件
var data = getGridSelectedRows();

var iframeWindowUrl = '@Url.Content("~/Search6/MX_LOWBOM?SITE_PARTNO=")'+data[0];
//alert(data[0]);
var iframeUrl = iframeWindowUrl;

// 显示窗体
F.ui.Window1.show(iframeUrl, 'BOM信息' );
}

转载于:https://www.cnblogs.com/hzf08/p/7494309.html