Jquery의 LigerUi 팝업 편집 상자(구현 방법)

Jquery의 LigerUi 팝업 편집 상자(구현 방법)_jquery

WBOY

풀어 주다： 2016-05-16 17:29:24

원래의

1682명이 탐색했습니다.

一、载入

复主代码代码如下:

이、Html

复aze代码代码如下:

<%--弹伖辑框DIV--%>

三、여기Add中添加事件

复代码码代码如下:

 //툴바 이벤트
 function toolsbarBtnItemClick(item) {
 스위치(item.id) {
 case "add":
 addbill({} , true, '기록 추가 ', false);
 break;
 case "view":
 var selected = Grid.getSelected();
 if (!selected) { LG.tip('행을 선택하세요!' ); return }
 addbill(선택됨, false, '기록 보기', true);
 break;
 case "modify":
 var selected = Grid.getSelected();
                                   ( !selected) { LG.tip('행을 선택하세요!'); return }
                                                                    ~ >                                                                                                       jQuery. 🎜 >           }) 🎜>    }



4. 함수 아래에 팝업 상자 스타일 코드 



코드 복사 

코드는 다음과 같습니다.

      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 
          {
            // 放入弹 Out窗口样式内容
          }
          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" }, // 필드 숨기기, 팝업 선택 번호 값 저장
                                                                                                                     , 유형: "text", 확인: { 필수: true, 숫자: true} },
    , 너비: 150, 공백: 30, 유형: "Select", 옵션: {}}, // 선택 상자 팝업 
 {display: "unit", name: "deGreeid", 콤보 상자 이름: "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, space: 30, 유형:" date ", ATE : true, 숫자: true} }
                                                                
 LG.validate(mainform, { debug: true });
                  ~ > | ").set('onBeforeOpen', f_selectFary_2)
 $.ligerui.get("Froce2").set('onBeforeOpen', f_selectFroace)
 DetailWin = $.ligerDialog.open({
 대상: $ ("#Editdetail"), 
 너비: 595, 높이: 460, TOP: 80, 제목: "저장 수정 창 추가", // 240 
 버튼: [
 {text: 저장 ' , onclick: 함수 () { 저장() } },
                                                                         >


6. 이벤트 저장