$(function () {
jQuery.fn.extend({
//options：[{id:xx,name:xxx},{id:xx,name:xxx}]
//key：selectValue 选中项的id
addOption: function (options, selectValue) {
var strOption = "";
var selected = "selected";
if (selectValue == undefined || selectValue == "" || selectValue == null) {
for (var i = 0; i < options.length; i++) {
strOption += "<option value='" + options[i].id + "' ";
strOption += " >";
strOption += options[i].name;
strOption += "</option>";
}
}
else {
for (var i = 0; i < options.length; i++) {
strOption += "<option value='" + options[i].id + "' ";
if (options[i].id == selectValue) {
strOption += selected;
}
strOption += " >";
strOption += options[i].name;
strOption += "</option>";
}
}
$(this).html("");
$(this).append(strOption).trigger("chosen:updated")
},
//用法：$("#up").upLoadFile($("#btnBrowse"), "Home/up", function (o) { alert(o) });
//btnBrowse：浏览按钮 JQ对象
//url：提交地址
//callBack：回调函数
upLoadFile: function (btnBrowse, url, callBack) {
var self = $(this);
var formHtml = "<iframe name='xxxxxxxxxxx' style='display:none' ></iframe >";
formHtml += "<form action='" + url + "' method='post' target='xxxxxxxxxxx' enctype='multipart/form-data' >";
formHtml += "<input type='file' name='file' />";
formHtml += "</form>";
self.append(formHtml);
self.find("iframe").load(function (e) {
//服务端返回的数据
var res = $(this).contents().find("body").text();
//chrome 浏览在首次加载并不执行load里的代码
!res ? null : callBack(res);
});
var file = self.find(":file");
file.on("change", function () { alert(this.value); self.find("form").submit(); });
file.css("position", "fixed").css({
"left": btnBrowse.offset().left,
"top": btnBrowse.offset().top,
"width": btnBrowse.width(),
"height": btnBrowse.height(),
"opacity": 0
});
return self;
}
});
$.extend({
//分页
//需要在目标容器上添加两个属性
//记录总数 data-paging-itemcount
//当前页码 data-paging-index
pager: function (options) {
this._index = 1; // 当前页码, 从1开始
this._pageSize = 20; // 每页显示记录数
this._maxButtons = 5; // 显示的分页按钮数量
this._itemCount = 0; // 记录总数
this._pageCount = 0; // 总页数
this._container = null;
this._click = null;
this._options = {
containerId: null,
maxPagingButtons: 5,
pageSize: 20,
queryPageIndexPara: "pageindex", //Url中页码的参数名称
className: {
current: 'active',
normal: 'normal'
},
click: null
};
this.init = function (options) {
this._initOptions(options);
if (typeof this._container != "undefined" && this._container != null) {
this._itemCount = parseInt(this._container.getAttribute("paging-itemcount"));
this._index = parseInt(this._container.getAttribute("paging-index"));
this._render();
}
};
/* 初始化Options
*/
this._initOptions = function (options) {
if (options != null || options != undefined) {
this._options.containerId = options.containerId;
this._container = document.getElementById(this._options.containerId);
if (typeof options.maxPagingButtons != "undefined") {
this._maxButtons = options.maxPagingButtons;
}
if (typeof options.pageSize != "undefined") {
this._pageSize = options.pageSize;
}
if (typeof options.click != "undefined") {
this._click = options.click;
}
}
};
/* 内部方法.
*/
this._onclick = function (index) {
if (typeof this._click == "function") {
this._click(index);
}
};
/* 在显示之前计算各种页码变量的值.
*/
this._calculate = function () {
this._pageCount = parseInt(Math.ceil(this._itemCount / this._pageSize));
this._index = parseInt(this._index);
if (this._index > this._pageCount) {
this._index = this._pageCount;
}
};
/* 获取当前Url地址前缀，自动去除pageindex
*/
this._getPreHref = function () {
var str = window.location.href.toLowerCase();
if (str.indexOf("?") > 0) {
var index = str.indexOf(this._options.queryPageIndexPara.toLocaleLowerCase());
if (index > 0) {
var preStr = str.substring(0, index - 1),
tailStr = str.substr(index + this._options.queryPageIndexPara.length, str.length - index - this._options.queryPageIndexPara.length);
var newIndex = tailStr.indexOf("&");
if (newIndex > 0) {
tailStr = tailStr.substr(newIndex, tailStr.length - 1);
}
else {
tailStr = "";
}
if (preStr.indexOf("?") >= 0) {
str = preStr + tailStr + "&" + this._options.queryPageIndexPara + "=";
}
else {
str = preStr + "?" + this._options.queryPageIndexPara + "=";
}
}
else {
str += "&" + this._options.queryPageIndexPara + "=";
}
}
else {
str += "?" + this._options.queryPageIndexPara + "=";
}
return str;
};
/* 渲染分页控件
*/
this._render = function () {
var self = this;
var isLink = true;
if (self._click != null) {
isLink = false;
}
self._calculate();
var curHref = self._getPreHref();
var start, end;
start = Math.max(1, self._index - parseInt(self._maxButtons / 2));
end = Math.min(self._pageCount, start + self._maxButtons - 1);
start = Math.max(1, end - self._maxButtons + 1);
var str = [];
str.push("<ul class='pagination'>");
/*str.push('<span>共' + self._itemCount + '条记录</span>');*/
if (self._pageCount > 1) {
if (self._index != 1) {
if (isLink) {
str.push('<li class="' + self._options.className.normal + '" ><a href="' + curHref + '1"><span>首页</span></a></li>');
str.push('<li class="' + self._options.className.normal + '"><a href="' + curHref + (self._index - 1) + '"><span>上一页</span></a></li>');
}
else {
str.push('<li class="' + self._options.className.normal + '"><a href="javascript://1"><span>首页</span></a></li>');
str.push('<li class="' + self._options.className.normal + '"><a href="javascript://' + (self._index - 1) + '"><span>上一页</span></a></li>');
}
}
}
if (self._index > 3 && self._pageCount > self._maxButtons) {
str.push('<li><span>…</span></li>');
}
for (var i = start; i <= end; i++) {
if (i == self._index) {
str.push('<li class="' + self._options.className.current + '"><a href="javascript:void(0);" >' + i + '</a></li>');
} else {
if (isLink) {
str.push('<li class="' + self._options.className.normal + '"><a href="' + curHref + i + '"><span>' + i + '</span></a></li>');
}
else {
str.push('<li class="' + self._options.className.normal + '" ><a href="javascript://' + i + '"><span>' + i + '</span></a></li>');
}
}
}
if (self._pageCount > end) {
str.push('<li><span>…</span></li>');
}
if (self._pageCount > 1) {
if (self._index != self._pageCount) {
if (isLink) {
str.push('<li class="' + self._options.className.normal + '" ><a href="' + curHref + (self._index + 1) + '"><span>下一页</span></a></li>');
str.push('<li class="' + self._options.className.normal + '"><a href="' + curHref + self._pageCount + '"><span>尾页</span></a></li>');
}
else {
str.push('<li class="' + self._options.className.normal + '" ><a href="javascript://' + (self._index + 1) + '"><span>下一页</span></a></li>');
str.push('<li class="' + self._options.className.normal + '"><a href="javascript://' + self._pageCount + '"><span>尾页</span></a></li>');
}
}
}
str.push('<li><span>共' + self._pageCount + '页</span></li>');
str.push("</ul>");
self._container.innerHTML = str.join('');
this._renderLinkClick(self);
};
this._renderLinkClick = function (self) {
if (typeof this._click == "function") {
var linklist = self._container.getElementsByTagName('a');
for (var i = 0; i < linklist.length; i++) {
linklist[i].onclick = function () {
var pageNumber = this.getAttribute('href');
if (typeof pageNumber != "undefined") {
pageNumber = parseInt(pageNumber.replace('javascript://', ''));
self._onclick(pageNumber)
}
return false;
};
}
}
};
this.init(options);
},
//controller：控制器
//tableAction：异步返回的table的路径
//key：提交前处理函数
//pageSize：页大小
//parameters：提交参数 对象
//callBack：成功返回table html 后执行的函数
indexPageInit: function (controller, tableAction, key, pageSize, parameters, callBack) {
var pIndex = 1;
bindButton();
getTableHtml(pIndex)
$("#btnSearch").on("click", function () { getTableHtml(1) });
$("#btnCreate").on("click", function () {
location.href = "/" + controller + "/Detail"
});
function bindButton() {
$(".btnEdit").on("click", function () {
var tr = $(this).parentsUntil("tr").parent();
var id = tr.find("." + key).text().trim();
location.href = "/" + controller + "/Detail?" + key + "=" + id;
});
$(".btnDelete").on("click", function () {
var o = this;
$.confirm("确定删除这个信息吗？", function (r) {
if (r) {
var tr = $(o).parentsUntil("tr").parent();
var id = tr.find("." + key).text().trim();
$.post("/" + controller + "/Delete?" + key + "=" + id, function (data) {
if (data.Code == 1) {
getTableHtml(pIndex)
} else {
$.alert(data.Data);
}
})
}
})
});
}
function getTableHtml(pIndex) {
var data = { PageIndex: pIndex, PageSize: pageSize };
$.extend(data, parameters);
$.ajax({
url: "/" + controller + "/" + tableAction + "",
type: "get",
dataType: 'html',
data: data,
cache: false,
success: function (html) {
$("#asyncTable").html(html);
$("#pager-container").attr("paging-itemcount", $("#txtCount").val());
$("#itemcount").text($("#txtCount").val());
$("#pager-container").attr("paging-index", pIndex);
if (typeof callBack == "function") {
callBack();
}
bindButton();
$.pager({
pageSize: pageSize,
containerId: "pager-container",
click: function (index) {
pIndex = index;
getTableHtml(pIndex);
}
});
},
error: function (xhr, status, message) {
}
});
}
},
//controller：控制器
//key：主键
//submitBefore：提交前处理函数
detailPageInit: function (controller, key, submitBefore) {
$("#btnSubmit").on("click", function () {
$(this).attr("disabled", true);
var isBreak = true;
$(".required").each(function () {
var v = $(this).val().trim();
if (v.length == 0) {
isBreak = false;
return;
}
})
if (!isBreak) {
$(this).attr("disabled", false);
$.alert("请输入完整信息");
return false;
}
var key = $("#txt" + key + "").val().trim();
if (0 == key) {
if ($("#btnPreviewImg").length != 0) {
var PreviewImgFile = $("#btnPreviewImg").val();
if (PreviewImgFile.length == 0) {
$(this).attr("disabled", false);
$.alert("请上传图片");
return false;
}
}
$("#Form").attr("action", "/" + controller + "/Create");
} else {
$("#Form").attr("action", "/" + controller + "/Updata");
}
if (typeof submitBefore == "function") {
submitBefore();
}
$("#Form").submit();
})
$("#btnPreviewImg").on("change", function () {
var files = !!this.files ? this.files : [];
if (!files.length || !window.FileReader) return;
if (files[0].type != "image/jpeg" || files[0].size > (1024 * 1024)) {
$("#divPreviewImg").css("background-image", "url()");
this.value = "";
$.alert("请上传小于1M的 JPG 文件");
} else {
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onloadend = function () {
$("#divPreviewImg").css("background-image", "url(" + this.result + ")");
}
}
});
},
//message：标题
//callback：回调函数
//isAutoClose：是否自动关闭（假如回调函数不为null，该参数无效），
//closeMsTime：关闭时间（毫秒）
alert: function (message, callback, isAutoClose, closeMsTime) {
bootbox.dialog({
message: "<span class='bigger-110'>" + message + "</span>",
buttons:
{
"关闭":
{
"label": "关闭",
"className": "btn-sm",
"callback": function () {
if (typeof callback == "function") {
callback();
}
}
}
}
});
if (isAutoClose === false || typeof callback == "function") {
return;
}
var _time = isNaN(closeMsTime) ? 1500 : parseInt(closeMsTime);
setTimeout(function () {
bootbox.hideAll();
}, _time);
},
//message：标题
//callback：回调函数-
confirm: function (message, callback) {
bootbox.dialog({
message: "<span class='bigger-110'>" + message + "</span>",
buttons:
{
"确定":
{
"label": "确定",
"className": "btn-sm btn-primary",
"callback": function () {
callback(true);
}
},
"取消":
{
"label": "取消",
"className": "btn-sm",
"callback": function () {
callback(false);
}
}
}
});
},
});
})
