国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

關于bootstrap日期轉化,bootstrap-editable的簡單使用,bootstrap-fileinput的使用詳解

2019-11-19 16:35:39
字體:
來源:轉載
供稿:網友

數據庫中為datetime類型,.net讀取數據已Json格式發回給前臺頁面:例如:使用bootstrap表格插件Ⅹ

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

使用bootstrap-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("出錯了,請聯系管理員");            }          });        }

bootstrap-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 = "上傳發生錯誤,請檢查后重試" });    }

以上所述是小編給大家介紹的關于bootstrap日期轉化,bootstrap-editable的簡單使用,bootstrap-fileinput的使用詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嘉义县| 开远市| 石嘴山市| 如东县| 景德镇市| 安宁市| 保靖县| 南乐县| 铅山县| 潜江市| 永新县| 土默特右旗| 漳州市| 枣庄市| 沽源县| 札达县| 驻马店市| 广安市| 炎陵县| 江源县| 诸城市| 仁寿县| 敖汉旗| 揭西县| 公安县| 舞阳县| 海丰县| 阳东县| 漳州市| 五常市| 新巴尔虎右旗| 昭通市| 雅江县| 松桃| 南投市| 卫辉市| 清镇市| 永顺县| 宁阳县| 银川市| 泰顺县|