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

一、载入

复主代码 代码如下:

   
   
      
   
   
     
      
   
   
   
   
   
   

이、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. 이벤트 저장