javaｓｃｒｉｐｔ制作弹出图层的效果

首先给你看效果图，结果如下：


1。参考相关的easyui.min.js，easyui-lang-zh_cn.js等js文件；

2。前台代码





售前支持序列号








序列号：










3.js代码




功能getLeft（obj）{
如果（obj = = undefined）返回0；
如果（obj.parentnode = =定义的）回报obj.offsetleft；
如果（obj。tagname。toLowerCase）= =HTML（回0）；
返回obj.offsetleft + getLeft（对象的父节点）；
}
功能公司（obj）{
如果（obj = = undefined）返回0；
如果（obj.parentnode = =定义的）回报obj.offsettop；
如果（obj。tagname。toLowerCase）= =HTML（回0）；
返回obj.offsettop +公司（对象的父节点）；
}
选择序列号销售
$（# btn_selectsqxlh）。Click（function（）{）
$（# menucontainer）。Css（显示
产品名称= $（var# txt_sqxlh ）；
$（# menucontainer）。Css（左
$（# menucontainer ）Css（上。
$（# txt_type ）瓦迩（1）；
GetCustomerInfo（）；
}）；
选择项目编号
$（# btn_selectpronum）。Click（function（）{）
$（# menucontainer）。Css（显示
产品名称= $（var# txt_pronum ）；
$（# menucontainer）。Css（左
$（# menucontainer ）Css（上。
$（# txt_type ）瓦迩（2'）；
GetCustomerInfo（）；
}）；
选择修理数量/
$（# btn_selectbxnum）。Click（function（）{）
$（# menucontainer）。Css（显示
产品名称= $（var# txt_bxnum ）；
$（# menucontainer）。Css（左
$（# menucontainer ）Css（上。
$（# txt_type）。瓦迩（远）；
GetCustomerInfo（）；
}）；
功能getcustomerinfo（）{
$（# TT）。Datagrid（{
iconcls：'icon-edit，
工具栏：#结核病
分页：真，
单选：真，
FitColumns：真的，
网址：， / / / updatepromanagerhandler管理员处理。ashxmethod = getpagedatabyproname ---获取数据信息
列：
{场：'fnumber，标题：项目编号，宽度：150，对齐：'center}，
{场：'fname，标题：项目名称，宽度：150，对齐：'center}

OnLoadError：功能（MSG）{
警报（window.console.info（味精。responseText））；
}
}）；
}
客户信息查询
$（# btn_search）。Click（function（）{）
var参数= $（# TT）。Datagrid QueryParams（选项）；
params.proname = $（# txt_name ）瓦迩（）；
$（# TT）Datagrid（负荷）；
}）；
确认按钮
$（# btn_selectok）。Click（function（）{）
无功行=美元（# TT）Datagrid（'getselected）；
如果（行）{
清除（）；
如果（$（# txt_type ）（。Val）= =1）
{
$（# txt_sqxlh）。瓦迩（排名）；
$（# txt_custname）。瓦迩（排名）；
$（# txt_saleremp）。瓦迩（排名）；
}
如果（$（# txt_type ）（。Val）= =2）
{
$（# txt_pronum）。瓦迩（排名）；
$（# txt_custname）。瓦迩（排名）；
$（# txt_proname）。瓦迩（排名）；
}
如果（$（# txt_type ）（。Val）= = 3）{
$（# txt_bxnum）。瓦迩（排名）；
$（# txt_custname）。瓦迩（排名）；
}
}
$（# menucontainer）。Css（显示
}）；
/ / DataGrid的双重打击
$（# TT）。Datagrid（{
OnDblClickRow：功能（开始，rowData）{
清除（）；
如果（rowData）{
如果（$（# txt_type ）（。Val）= = 1）{
$（# txt_sqxlh）。瓦迩（rowData。名）；
$（# txt_custname）。瓦迩（rowData。名）；
$（# txt_saleremp）。瓦迩（rowData。名）；
}
If ($(#txt_Type) (.Val) = = 2) {
$（# txt_pronum）。瓦迩（rowData。名）；
$（# txt_custname）。瓦迩（rowData。名）；
$（# txt_proname）。瓦迩（rowData。名）；
}
如果（$（# txt_type ）（。Val）= = 3）{
$（# txt_bxnum）。瓦迩（rowData。名）；
$（# txt_custname）。瓦迩（rowData。名）；
}
}
$（# menucontainer）。Css（显示
}
}）；
/取消
$（# btn_selectcancle）。Click（function（）{）
$（# menucontainer）。Css（显示
}）；
空文本信息
功能明确（）
{
$（# txt_sqxlh ）瓦迩（）；
$（# txt_pronum ）瓦迩（）；
$（# txt_bxnum ）瓦迩（）；
$（# txt_custname ）瓦迩（）；
$（# txt_saleremp ）瓦迩（）；
$（# txt_proname ）瓦迩（）；
}



4。选择信息时，双击并单击点确认。

以上是萧边给你的Javaｓｃｒｉｐｔ使弹出效果的介绍，希望对你有帮助，如果您有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。