ligerui，ligerui的popupedit怎么用
大家好，关于ligerui很多朋友都还不太明白，今天小编就来为大家分享关于ligerui的popupedit怎么用的知识，希望对各位有所帮助！
jquery ligerui 免费吗
jQuery LigerUI是基于jQuery的一系列UI控件组合，简单而又强大，致力于快速打造Web前端界面解决方案。因为是前端控件，跟服务器无关，可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式，以“简单”为原则的设计，每个插件尽量独立，并可依赖拓展。
jQuery插件一般都是开源的，jQuery LigerUI也是，你可以直接去官网下载代码，查看Demo，官网地址是：http://www.ligerui.com/
ligerUI中怎么把一个字段弄成文本域
1：首先选中需要合并的多个TXT文档，然后单击鼠标右键，在弹出的菜单中选中“Win-RAR—添加到压缩文件”命令，这时会出现“压缩文件名和参数”窗口，在“常规”标签页中对压缩文件进行命名，并将“压缩方式”下拉框中的“存储”一项选中，点击“确定”按钮退出。
选择压缩方式为“存储”步骤
2：文件压缩完毕后，再用鼠标右键单击该压缩文件，在弹出菜单中选中“重命名”命令，接着把该压缩文件的扩展名rar更改为txt，单击“回车键”，此时系统会出现“如果改变文件扩展名，可能会导致文件不可用。确定要更改吗？”的提示对话框，直接单击“是”。
重名名以上压缩好的文件（格式为txt)步骤
3：扩展名更改好之后，双击并打开已完成合并的该TXT文档，把文档上头的几行乱码删除掉，再次“保存”，这样便大功告成了,效果如下：
txt文档合并成功
ligerui的popupedit怎么用
一、载入
复制代码代码如下:
<link rel="external nofollow" href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css"/>
<script src="../lib/jquery/jquery-1.5.2.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 rel="external nofollow" href="../lib/css/common.css" rel="stylesheet" type="text/css"/>
<script src="../lib/js/common.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" style="display:none;"><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;}
$("#ProtId2").val(currentData.ProductName);
$("#ProId1").val(currentData.ProductId);
$("#ForId2").val(currentData.FormatName);
$("#Foad1").val(currentData.FormatId);
$("#Ded2").val(currentData.DegreeName);
$("#Degrd1").val(currentData.DegreeId);
$("#Appl").val(currentData.AppendBill);
$("#Bum").val(currentData.BoxNum);
$("#Maate").val(currentData.MadeDate);
$("#BottleNum").val(currentData.BottleNum);
$("#Bumpany2").val(currentData.BuyCompanyName);
$("#BuyCoy1").val(currentData.BuyCompanyId);
$("#VayId2").val(currentData.VarietyName);
$("#VarId1").val(currentData.VarietyId);
$("#Handate").val(currentData.HandDate);
$("#Fact2").val(currentData.FactoryName);
$("#Fact1").val(currentData.FactoryId);
$("#Froce2").val(currentData.FromPlaceName);
$("#Froce1").val(currentData.FromPlaceId);
}
}
五、弹出窗口样式中的内容
复制代码代码如下:
var mainform=$("#EditForm");
mainform.ligerForm({
inputWidth: 150,
fields:
[
{ name:"ProId1", type:"hidden"},//隐藏字段，为弹出选择编号保存值
{ display:"仓库", name:"Daihao1", newline: true, labelWidth: 100, width: 150, space: 30, type:"text", validate:{ required: true, digits: true}},
{ display:"商品名称", name:"ProId", comboboxName:"ProId2", newline: false, labelWidth: 100, width: 150, space: 30, type:"select", option:{}},//弹出选择框
{ display:"单位", name:"DegreeId", comboboxName:"DegreeId2", newline: false, labelWidth: 100, width: 150, space: 30, type:"select", options:{ valueFieldID:"DegreeId1", treeLeafOnly: false, tree:{ url:"../handle/se1.ashx?ajaxaction=Getgree", checkbox: false}}},
{ display:"生产日期", name:"MadeDate1", newline: true, labelWidth: 100, width: 150, space: 30, type:"date", validate:{ required: true}},
{ display:"备注", name:"mark", newline: false, labelWidth: 100, width: 150, space: 30, type:"text", validate:{ required: true, digits: true}}
],
toJSON: JSON2.stringify
});
$.metadata.setType("attr","validate");
LG.validate(mainform,{ debug: true});
$("#HandDate").val(currentdate);
$("#BoNum").val("0");
$.ligerui.get("ProId2").set('onBeforeOpen', f_selectCoct)
$.ligerui.get("Faory2").set('onBeforeOpen', f_selectFary_1)
$.ligerui.get("Buyany2").set('onBeforeOpen', f_selectFary_2)
$.ligerui.get("Froce2").set('onBeforeOpen', f_selectFroace)
detailWin=$.ligerDialog.open({
target:$("#Editdetail"),
width: 595, height: 460, top: 80, title:"添加保存修改窗口",//240
buttons: [
{ text:'保存', onclick: function(){ save();}},
{ text:'取消', onclick: function(){ detailWin.hide();}}
]
});
六、保存事件
OK，本文到此结束，希望对大家有所帮助。