汇盛国际开户:Jquery中LigerUi的弹出编辑框(实现方

时间: 作者:周众

  

[Jquery,LigerUi,编辑框]Jquery中LigerUi的弹出编辑框(实现方法)

  

一、载入  
代码如下:

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
二、Html  
代码如下:
  
<%--弹出编辑框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}} },   (责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际平台