JqueryでのLigerUiのポップアップ編集ボックス(実装方法)

 
  
      //      
  
      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(); } } 
  
                  ] 
  
              });