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

首頁 > 開發 > JS > 正文

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

2024-05-06 16:37:07
字體:
來源:轉載
供稿:網友

數據庫中為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的使用詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 江陵县| 霍山县| 安溪县| 海口市| 寿阳县| 于都县| 托里县| 武山县| 突泉县| 阿拉善盟| 塔河县| 馆陶县| 石门县| 镶黄旗| 修水县| 双流县| 泽普县| 二手房| 舒兰市| 石家庄市| 普宁市| 宁强县| 富裕县| 海原县| 龙州县| 南靖县| 温宿县| 襄樊市| 布尔津县| 思南县| 溧阳市| 小金县| 和林格尔县| 丰台区| 武鸣县| 南川市| 宜都市| 浙江省| 富顺县| 长泰县| 教育|