boottstrap 날짜 전환,boottstrap-editable 의 간단 한 사용,boottstrap-fileinput 의 사용 에 대한 상세 한 설명

데이터베이스 에 datetime 형식 이 있 습 니 다..net 에서 데 이 터 를 읽 고 JSon 형식 으로 프론트 페이지 에 보 냈 습 니 다.예 를 들 어 boottstrap 표 플러그 인 X 를 사용 합 니 다.

 formatter: function (value, row, index) {
            var date = new Date(parseInt(value.slice(6)));
            return date.getFullYear() + '-' + parseInt(date.getMonth() + 1) + '-' + date.getDate() + " " + date.getHours() + ":" + date.getMinutes()+":"+date.getSeconds();
          }
boottstrap-editable 을 사용 할 때 참조 해 야 합 니 다.

<script src="~/Scripts/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script src="~/Scripts/bootstraptable/dist/extensions/editable/bootstrap-table-editable.min.js"></script>
초기 화 할 때:

{
          field: 'SkuPurchasePrice',
          title: '   ',
          align: 'center',
          editable: {
            type: 'text',
            title: '   ',
            validate: function (v) {
              if (v < 0) return '       0';
            }
          }
        }, {
          field: 'QtyAvailable',
          title: '     ',
          align: 'center',
          editable: {
            type: 'text',
            title: '     ',
            validate: function (v) {
              if (v < 0) return '         0';
            },           
          },          
        }
이벤트:

onEditableSave: function (field, row, oldValue, $el) {
          $.ajax({
            type: 'post',
            url: "@Url.Action("EditNumber")",
            dataType: 'JSON',
            data: { "row": JSON.stringify(row) },
            success: function (data) {
              if (data.ResultType == 0) {
                toastr.success(data.Message);
              }
              else {
                toastr.warning(data.Message);
              }
            },
            error: function () {
              toastr.error("   ,      ");
            }
          });
        }
boottstrap-fileinput 사용:
인용 하 다.

<script src="~/Scripts/AdminLTE2.3.0/bootstrap/js/fileinput.min.js"></script>
초기 화:

 <label class="control-label col-sm-1">    </label>
              <div class="col-sm-2"><input type="file" id="ProductsUpload" name="ProductsUpload" /></div>
              <div class="col-sm-1"><a href="~/ProductsExcel/DownloadTemplate?type=5" rel="external nofollow" target="_blank">    </a></div>

function initFileInput(ctrlName) {
      var control = $('#' + ctrlName);
      control.fileinput({
        language: 'zh', //  
        uploadUrl: "@Url.Action("ExcelLeadingIn")", //action
        autoReplace: true,
        maxFileCount: 1, //      
        allowedFileExtensions: ["xlsx", "xls"],
        browseClass: "btn btn-primary", //    
        dropZoneEnabled: false,
        enctype: 'multipart/form-data',
        showRemove: true, //        
        showBrowse: true, //        
        msgFilesTooMany: "         ({n})          {m}!",
        msgInvalidFileExtension:"   .xlsx .xls       ",
        fileActionSettings: {
          showUpload: false, //        
          showRemove: false, //    remove  
          showZoom: false //        
        }
      }).on('fileuploaded', function (event, data, previewId, index) {//       
        if (data.response.state == 1) {
          $('#excelLendingDiv h5').html($('#excelLendingDiv h5').html() + data.response.result+"<br/>");
        }
        else {
          toastr.error(data.response.result);
        }
      }).on('filecleared', function (event) {//remove    
        control.show();
      });
    }
 배경 업로드:

 [HttpPost]
    public ActionResult ExcelLeadingIn()
    {     
      var files = Request.Files;
      string name=files.Keys[0].ToString();
      if (files != null && files.Count > 0)
      {       
        var file = files[0];        
        string path = Server.MapPath("~/Content/excel/") + file.FileName;//           Content/excel/ 
        file.SaveAs(path);       
        string mess = OfferServer.ProductsDetail.InsertExcel(path,file.InputStream,name);
        return Json(new { state = 1, result = mess });
      }
      return Json(new { state = 0, result = "      ,      " });
    }
위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 boottstrap 날짜 전환,boottstrap-editable 의 간단 한 사용,boottstrap-fileinput 의 사용 에 대한 상세 한 설명 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기