JqueryのLigerUiポップアップエディットボックス（実装方法）

JqueryのLigerUiポップアップエディットボックス（実装方法）_jquery

WBOY

リリース： 2016-05-16 17:29:24

オリジナル

1643 人が閲覧しました

一、ダウンロード入

复制代码代码如下:

二、Html

复制代码代码如下:

<%--弹出编辑框DIV--%>

三、追加中追加イベント

复制代码代码如下:

 //ツールバー イベント
 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();
 ( ！selected）{lg.tip（ '行を選択してください！'）; > }); 🎜> }



4. 関数の下に、ポップアップ ボックスのスタイル コード 





コードをコピーします 

コードは次のとおりです:
vardetailWin = null, currentData = null, currentIsAddNew, currentIsView;
function addbill(data, isAddNew, t, isview) {
currentData = data;
currentIsAddNew = isAddNew;
> else
{
// 放入弹出窗口样式内容
}
if (!isAddNew) {
// public int LrId { get;セット; }
$("#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,
フィールド:
[
、タイプ: "hidden" }, // フィールドを非表示にし、ポップアップ選択番号の値を保存
、タイプ: "テキスト"、検証: { 必須: true、数字: true} }、
、幅: 150、スペース: 30、 Type: "Select", Option: {}}, // 選択ボックスをポップします
{display: "unit", name: "deGreeid", comboboxname: "Degreeid2", newLine:: false, labelWidth: 100, width : 150、スペース: 30、タイプ: "select"、オプション: { valueFieldID: "DegreeId1"、treeLeafOnly: false、tree: { url: "../handle/se1.ashx?ajaxaction= Getgree "、チェックボックス: False} }},
{表示:「製造日」、名前:「madedate1」、newLine: true、labelwidth: 100、スペース: 30、type:「date」、ATE : true、数字: true} }

lg（mainform、{debug：true}）;
ligerui.get（ "proid2"）。 ").set('onBeforeOpen', f_selectFary_2)
$.ligerui.get("Froce2").set('onBeforeOpen', f_selectFroace)
詳細Win = $.ligerDialog.open({
ターゲット: $ ("#Editdetail"),
幅: 595、高さ: 460、TOP: 80、タイトル: "変更保存ウィンドウの追加", // 240
ボタン: [
{text: Save ' , onclick: function () { save() } },
>
>
6. イベントを保存します