知识大全 Jquery中LigerUi的弹出编辑框(实现方法)

Posted 2022-07-20 编辑

篇首语：坚强的意志，是不会被假设所谓的命运击败的。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 Jquery中LigerUi的弹出编辑框(实现方法)相关的知识，希望对你有一定的参考价值。

Jquery中LigerUi的弹出编辑框(实现方法) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

本篇文章是对Jquery中LigerUi的弹出编辑框的实现方法进行了分析介绍需要的朋友可以参考下

　　一载入

复制代码代码如下: <link href=" /lib/ligerUI/skins/Aqua/css/ligerui all css" rel="stylesheet" type=text/css /> <script src= /lib/jquery/jquery min js type=text/javascript></script> <script src= /lib/ligerUI/js/ligerui min js type=text/javascript></script> <script src= /lib/ligerUI/js/plugins/ligerForm js type=text/javascript></script> <script src= /lib/ligerUI/js/plugins/ligerGrid js type=text/javascript></script> <link href=" /lib/css/mon css" rel="stylesheet" type=text/css /> <script src= /lib/js/mon js type=text/javascript></script> <script src= /lib/js/LG js type=text/javascript></script> <script src= /lib/jquery validation/jquery validate min js type=text/javascript></script> <script src= /lib/jquery validation/jquery metadata js type=text/javascript></script> <script src= /lib/jquery validation/messages_cn js type=text/javascript></script> <script src= /lib/js/ligerui expand js type=text/javascript></script> <script src= / /lib/ligerUI/js/plugins/ligerDateEditor js type=text/javascript></script>

　　 二 Html

复制代码代码如下: <div id="Editdetail" ><form id="EditForm" method="post"></form> </div> <% 弹出编辑框DIV %>

　　 三在Add中添加事件

复制代码代码如下: //工具条事件 function toolbarBtnItemClick(item) switch (item id) case "add": addbill( true 添加记录 false); break; case "view": var selected = grid getSelected(); if (!selected) LG tip( 请选择行! ); return addbill(selected false 查看记录 true); break; case "modify": var selected = grid getSelected(); if (!selected) LG tip( 请选择行! ); return addbill(selected false 修改记录 false); break; case "delete": jQuery ligerDialog confirm( 确定删除吗? function (confirm) if (confirm) f_delete(); ); break;

　　 四在函数下面添加弹出框样式代码

复制代码代码如下: var detailWin = null currentData = null currentIsAddNew currentIsView; function addbill(data isAddNew t isview) currentData = data; currentIsAddNew = isAddNew; currentIsView = isview; if (detailWin) detailWin set( title t); detailWin show(); else // 放入弹出窗口样式内容 if (!isAddNew) // public int LrId get; set; $("#ProtId ") val(currentData ProductName); $("#ProId ") val(currentData ProductId); $("#ForId ") val(currentData FormatName); $("#Foad ") val(currentData FormatId); $("#Ded ") val(currentData DegreeName); $("#Degrd ") val(currentData DegreeId); $("#Appl") val(currentData AppendBill); $("#Bum") val(currentData BoxNum); $("#Maate") val(currentData MadeDate); $("#BottleNum") val(currentData BottleNum); $("#Bumpany ") val(currentData BuyCompanyName); $("#BuyCoy ") val(currentData BuyCompanyId); $("#VayId ") val(currentData VarietyName); $("#VarId ") val(currentData VarietyId); $("#Handate") val(currentData HandDate); $("#Fact ") val(currentData FactoryName); $("#Fact ") val(currentData FactoryId); $("#Froce ") val(currentData FromPlaceName); $("#Froce ") val(currentData FromPlaceId);

　　 五弹出窗口样式中的内容

复制代码代码如下: var mainform = $("#EditForm"); mainform ligerForm( inputWidth: fields: [ name: "ProId " type: "hidden" // 隐藏字段为弹出选择编号保存值 display: "仓库" name: "Daihao " newline: true labelWidth: width: space: type: "text" validate: required: true digits: true display: "商品名称" name: "ProId" boboxName: "ProId " newline: false labelWidth: width: space: type: "select" option: // 弹出选择框 display: "单位" name: "DegreeId" boboxName: "DegreeId " newline: false labelWidth: width: space: type: "select" options: valueFieldID: "DegreeId " treeLeafOnly: false tree: url: " /handle/se ashx?ajaxaction=Getgree" checkbox: false display: "生产日期" name: "MadeDate " newline: true labelWidth: width: space: type: "date" validate: required: true display: "备注" name: "mark" newline: false labelWidth: width: space: type: "text" validate: required: true digits: true ] toJSON: JSON stringify ); $ metadata setType("attr" "validate"); LG validate(mainform debug: true ); $("#HandDate") val(currentdate); $("#BoNum") val(" "); $ ligerui get("ProId ") set( onBeforeOpen f_selectCoct) $ ligerui get("Faory ") set( onBeforeOpen f_selectFary_ ) $ ligerui get("Buyany ") set( onBeforeOpen f_selectFary_ ) $ ligerui get("Froce ") set( onBeforeOpen f_selectFroace) detailWin = $ ligerDialog open( target: $("#Editdetail") width: height: top: title: "添加保存修改窗口" // buttons: [ text: 保存 onclick: function () save(); text: 取消 onclick: function () detailWin hide(); ] ); cha138/Article/program/Java/JSP/201311/20226