- 浏览: 89663 次
- 性别:
- 来自: 宜昌
文章分类
最新评论
-
chenaha:
不知道大哥是否会用sencha touch,我想写一个这样的效 ...
用ext读取XML写一个“省-市-邮编”三级联动
/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if (typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetAccordionManager = function() { return LigerUIManagers[this[0].id + "_Accordion"]; }; $.fn.ligerRemoveAccordionManager = function() { return this.each(function() { LigerUIManagers[this.id + "_Accordion"] = null; }); }; $.fn.ligerAccordion = function(p) { this.each(function() { p = $.extend({ height: null, speed : "normal", changeHeightOnResize: false, heightDiff: 0 // 高度补差 }, p || {}); if (this.usedAccordion) return; var g = { onResize: function() { if (!p.height || typeof (p.height) != 'string' || p.height.indexOf('%') == -1) return false; //set accordion height if (g.accordion.parent()[0].tagName.toLowerCase() == "body") { var windowHeight = $(window).height(); windowHeight -= parseInt(g.layout.parent().css('paddingTop')); windowHeight -= parseInt(g.layout.parent().css('paddingBottom')); g.height = p.heightDiff + windowHeight * parseFloat(g.height) * 0.01; } else { g.height = p.heightDiff + (g.accordion.parent().height() * parseFloat(p.height) * 0.01); } g.accordion.height(g.height); g.setContentHeight(g.height - g.headerHoldHeight); }, setHeight: function(height) { g.accordion.height(height); height -= g.headerHoldHeight; $("> .l-accordion-content", g.accordion).height(height); } }; g.accordion = $(this); if (!g.accordion.hasClass("l-accordion-panel")) g.accordion.addClass("l-accordion-panel"); var selectedIndex = 0; if ($("> div[lselected=true]", g.accordion).length > 0) selectedIndex = $("> div", g.accordion).index($("> div[lselected=true]", g.accordion)); $("> div", g.accordion).each(function(i, box) { var header = $('<div class="l-accordion-header"><div class="l-accordion-toggle"></div><div class="l-accordion-header-inner"></div></div>'); if (i == selectedIndex) $(".l-accordion-toggle", header).addClass("l-accordion-toggle-open"); if ($(box).attr("title")) { $(".l-accordion-header-inner", header).html($(box).attr("title")); $(box).attr("title",""); } $(box).before(header); if (!$(box).hasClass("l-accordion-content")) $(box).addClass("l-accordion-content"); }); //add Even $(".l-accordion-toggle", g.accordion).each(function() { if (!$(this).hasClass("l-accordion-toggle-open") && !$(this).hasClass("l-accordion-toggle-close")) { $(this).addClass("l-accordion-toggle-close"); } if ($(this).hasClass("l-accordion-toggle-close")) { $(this).parent().next(".l-accordion-content:visible").hide(); } }); $(".l-accordion-header", g.accordion).hover(function() { $(this).addClass("l-accordion-header-over"); }, function() { $(this).removeClass("l-accordion-header-over"); }); $(".l-accordion-toggle", g.accordion).hover(function() { if ($(this).hasClass("l-accordion-toggle-open")) $(this).addClass("l-accordion-toggle-open-over"); else if ($(this).hasClass("l-accordion-toggle-close")) $(this).addClass("l-accordion-toggle-close-over"); }, function() { if ($(this).hasClass("l-accordion-toggle-open")) $(this).removeClass("l-accordion-toggle-open-over"); else if ($(this).hasClass("l-accordion-toggle-close")) $(this).removeClass("l-accordion-toggle-close-over"); }); $(">.l-accordion-header", g.accordion).click(function() { var togglebtn = $(".l-accordion-toggle:first",this); if (togglebtn.hasClass("l-accordion-toggle-close")) { togglebtn.removeClass("l-accordion-toggle-close") .removeClass("l-accordion-toggle-close-over l-accordion-toggle-open-over") togglebtn.addClass("l-accordion-toggle-open"); $(this).next(".l-accordion-content") .show(p.speed) .siblings(".l-accordion-content:visible").hide(p.speed); $(this).siblings(".l-accordion-header").find(".l-accordion-toggle").removeClass("l-accordion-toggle-open").addClass("l-accordion-toggle-close"); } else { togglebtn.removeClass("l-accordion-toggle-open") .removeClass("l-accordion-toggle-close-over l-accordion-toggle-open-over") .addClass("l-accordion-toggle-close"); $(this).next(".l-accordion-content").hide(p.speed); } }); //init g.headerHoldHeight = 0; $("> .l-accordion-header", g.accordion).each(function() { g.headerHoldHeight += $(this).height(); }); if (p.height && typeof (p.height) == 'string' && p.height.indexOf('%') > 0) { g.onResize(); if (p.changeHeightOnResize) { $(window).resize(function() { g.onResize(); }); } } else { if (p.height) { g.height = p.heightDiff + p.height; g.accordion.height(g.height); g.setHeight(p.height); } else { g.header = g.accordion.height(); } } if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_Accordion"] = g; this.usedAccordion = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_Accordion"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_Accordion"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.1 * * Author leoxie [ gd_star@163.com ] * */ if(typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetButtonManager = function() { return LigerUIManagers[this[0].id + "_Button"]; }; $.fn.ligerRemoveButtonManager = function() { return this.each(function() { LigerUIManagers[this.id + "_Button"] = null; }); }; $.fn.ligerButton = function(p) { return this.each(function() { if (this.usedButton) return; p = p || {}; var g ={ setText :function(itemid){ }, setEnable:function(itemid){ }, setDisable:function(itemid){ } }; g.button = $(this); if(!g.button.hasClass("l-btn")) g.button.addClass("l-btn"); p.text && g.button.append("<span>"+p.text+"</span>"); g.button.append('<div class="l-btn-l"></div><div class="l-btn-r"></div>'); p.click && g.button.click(function(){ p.click()}); if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_Button"] = g; this.usedButton = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerCheckBox = function (p) { p = p || {}; return this.each(function () { if (this.usedCheckBox) return; if ($(this).hasClass('l-hidden')) { return; } var g = {}; g.input = $(this); g.link = $('<a class="l-checkbox"></a>'); g.wrapper = g.input.addClass('l-hidden').wrap('<div class="l-checkbox-wrapper"></div>').parent(); g.wrapper.prepend(g.link); if (p.css) g.wrapper.css(p.css); g.link.click(function () { if (g.input.attr('disabled')) { return false; } if (p.onBeforeClick) { if (!p.onBeforeClick(g.input[0])) return false; } if ($(this).hasClass("l-checkbox-checked")) { g.input[0].checked = false; g.link.removeClass('l-checkbox-checked'); } else { g.input[0].checked = true; g.link.addClass('l-checkbox-checked'); } g.input.trigger("change"); }); g.wrapper.hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); this.checked && g.link.addClass('l-checkbox-checked'); this.usedCheckBox = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if (typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { $.fn.ligerGetComboBoxManager = function() { return LigerUIManagers[this[0].id + "_ComboBox"]; }; $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.ComboBox = { resize: true, //是否调整大小 isMultiSelect: false, //是否多选 isShowCheckBox: false, //是否选择复选框 columns: false, //表格状态 selectBoxWidth: false, //宽度 selectBoxHeight: false, //高度 onBeforeSelect: false, //选择前事件 onSelected: null, //选择值事件 initValue: null, initText: null, valueField: 'id', textField: 'text', valueFieldID: null, slide: true, //是否以动画的形式显示 split: ";", data: null, url: null, tree: null, //下拉框以树的形式显示,tree的参数跟LigerTree的参数一致 treeLeafOnly: true, //是否只选择叶子 grid: null, //表格 onStartResize: null, onEndResize: null, hideOnLoseFocus: true, onSuccess:null, onError:null }; /// <param name="$" type="jQuery"></param> $.fn.ligerComboBox = function(options) { this.each(function() { if (this.usedComboBox) return; var p = $.extend({}, options || {}); if ($(this).attr("ligerui")) { try { var attroptions = $(this).attr("ligerui"); if (attroptions.indexOf('{') < 0) attroptions = "{" + attroptions + "}"; eval("attroptions = " + attroptions + ";"); if (attroptions) p = $.extend({}, attroptions, p || {}); } catch (e) { } } p = $.extend({}, $.ligerDefaults.ComboBox, p); if (p.columns) { p.isShowCheckBox = true; } if (p.isMultiSelect) { p.isShowCheckBox = true; } if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); var g = { //查找Text,适用多选和单选 findTextByValue: function(value) { if (value == undefined) return ""; var texts = ""; var contain = function(checkvalue){ var targetdata = value.toString().split(p.split); for(var i =0;i<targetdata.length;i++) { if(targetdata[i] == checkvalue) return true; } return false; }; $(g.data).each(function(i, item) { var val = item[p.valueField]; var txt = item[p.textField]; if (contain(val)) { texts += txt + p.split; } }); if (texts.length > 0) texts = texts.substr(0, texts.length - 1); return texts; }, //查找Value,适用多选和单选 findValueByText: function(text) { if (!text && text == "") return ""; var contain = function(checkvalue){ var targetdata = text.toString().split(p.split); for(var i =0;i<targetdata.length;i++) { if(targetdata[i] == checkvalue) return true; } return false; }; var values = ""; $(g.data).each(function(i, item) { var val = item[p.valueField]; var txt = item[p.textField]; if (contain(txt)) { values += val + p.split; } }); if (values.length > 0) values = values.substr(0, values.length - 1); return values; }, removeItem: function() { }, insertItem: function() { }, addItem: function() { }, bulidContent: function() { this.clearContent(); if (g.select) { g.setSelect(); } else if (g.data) { g.setData(g.data); } else if (p.tree) { g.setTree(p.tree); } else if (p.grid) { g.setGrid(p.grid); } else if(p.url){ $.ajax({ type: 'post', url: p.url, cache:false, dataType: 'json', success: function(data) { g.data = data; g.setData(g.data); if (p.onSuccess) p.onSuccess(g.data); }, error: function(XMLHttpRequest, textStatus) { if (p.onError) p.onError(XMLHttpRequest, textStatus); } }); } }, clearContent: function() { $("table", g.selectBox).html(""); //g.inputText.val(""); //g.valueField.val(""); }, setSelect: function() { this.clearContent(); $('option', g.select).each(function(i) { var val = $(this).val(); var txt = $(this).html(); var tr = $("<tr><td index='" + i + "' value='" + val + "'>" + txt + "</td>"); $("table.l-table-nocheckbox", g.selectBox).append(tr); $("td", tr).hover(function() { $(this).addClass("l-over"); }, function() { $(this).removeClass("l-over"); }); }); $('td:eq(' + g.select[0].selectedIndex + ')', g.selectBox).each(function() { if ($(this).hasClass("l-selected")) { g.selectBox.hide(); return; } $(".l-selected", g.selectBox).removeClass("l-selected"); $(this).addClass("l-selected"); if (g.select[0].selectedIndex != $(this).attr('index') && g.select[0].onchange) { g.select[0].selectedIndex = $(this).attr('index'); g.select[0].onchange(); } var newIndex = parseInt($(this).attr('index')); g.select[0].selectedIndex = newIndex; g.select.trigger("change"); g.selectBox.hide(); g.inputText.val($(this).html()); }); po.addClickEven(); }, setData: function(data) { this.clearContent(); if (p.columns) { g.selectBox.table.headrow = $("<tr class='l-table-headerow'><td width='18px'></td></tr>"); g.selectBox.table.append(g.selectBox.table.headrow); g.selectBox.table.addClass("l-box-select-grid"); for (var j = 0; j < p.columns.length; j++) { var headrow = $("<td columnindex='" + j + "' columnname='" + p.columns[j].name + "'>" + p.columns[j].header + "</td>"); if (p.columns[j].width) { headrow.width(p.columns[j].width); } g.selectBox.table.headrow.append(headrow); } } for (var i = 0; i < data.length; i++) { var val = data[i][p.valueField]; var txt = data[i][p.textField]; if (!p.columns) { $("table.l-table-checkbox", g.selectBox).append("<tr><td style='width:18px;' index='" + i + "' value='" + val + "' text='" + txt + "' ><input type='checkbox' /></td><td index='" + i + "' value='" + val + "' align='left'>" + txt + "</td>"); $("table.l-table-nocheckbox", g.selectBox).append("<tr><td index='" + i + "' value='" + val + "' align='left'>" + txt + "</td>"); } else { var tr = $("<tr><td style='width:18px;' index='" + i + "' value='" + val + "' text='" + txt + "' ><input type='checkbox' /></td></tr>"); $("td", g.selectBox.table.headrow).each(function() { var columnname = $(this).attr("columnname"); if (columnname) { var td = $("<td>" + data[i][columnname] + "</td>"); tr.append(td); } }); g.selectBox.table.append(tr); } } //自定义复选框支持 if (p.isShowCheckBox && $.fn.ligerCheckBox) { $("table input:checkbox", g.selectBox).ligerCheckBox(); } $(".l-table-checkbox input:checkbox", g.selectBox).change(function() { if (this.checked && p.onBeforeSelect) { var parentTD = null; if ($(this).parent().get(0).tagName.toLowerCase() == "div") { parentTD = $(this).parent().parent(); } else { parentTD = $(this).parent(); } if (parentTD != null && !p.onBeforeSelect(parentTD.attr("value"), parentTD.attr("text"))) { g.selectBox.slideToggle("fast"); return false; } } if (!p.isMultiSelect) { if (this.checked) { $("input:checked", g.selectBox).not(this).each(function() { this.checked = false; $(".l-checkbox-checked", $(this).parent()).removeClass("l-checkbox-checked"); }); g.selectBox.slideToggle("fast"); } } po.checkboxUpdateValue(); }); $("table.l-table-nocheckbox td", g.selectBox).hover(function() { $(this).addClass("l-over"); }, function() { $(this).removeClass("l-over"); }); po.addClickEven(); //选择项初始化 po.dataInit(); }, //树 setTree: function(tree) { this.clearContent(); g.selectBox.table.remove(); if (tree.checkbox != false) { tree.onCheck = function() { var nodes = g.treeManager.getChecked(); var value = []; var text = []; $(nodes).each(function(i, node) { if (p.treeLeafOnly && node.data.children) return; value.push(node.data[p.valueField]); text.push(node.data[p.textField]); }); po.changeValue(value.join(p.split), text.join(p.split)); }; } else { tree.onSelect = function(node) { if (p.treeLeafOnly && node.data.children) return; var value = node.data[p.valueField]; var text = node.data[p.textField]; po.changeValue(value, text); }; tree.onCancelSelect = function(node) { po.changeValue("", ""); }; } g.tree = $("<ul></ul>"); $("div:first", g.selectBox).append(g.tree); g.tree.ligerTree(tree); g.treeManager = g.tree.ligerGetTreeManager(); }, //表格 setGrid: function(grid) { this.clearContent(); g.selectBox.table.remove(); g.grid = $("div:first", g.selectBox); if (grid.checkbox != false) { grid.onCheckAllRow = grid.onCheckRow = function() { var rowsdata = g.gridManager.getCheckedRows(); var value = []; var text = []; $(rowsdata).each(function(i, rowdata) { value.push(rowdata[p.valueField]); text.push(rowdata[p.textField]); }); po.changeValue(value.join(p.split), text.join(p.split)); }; } else { grid.onSelectRow = function(rowdata, rowobj, index) { var value = rowdata[p.valueField]; var text = rowdata[p.textField]; po.changeValue(value, text); }; grid.onUnSelectRow = function(rowdata, rowobj, index) { po.changeValue("", ""); }; } grid.width = "100%"; grid.height = "100%"; grid.heightDiff = -2; grid.InWindow = false; g.grid.ligerGrid(grid); g.gridManager = g.grid.ligerGetGridManager(); p.hideOnLoseFocus = false; po.onEndResize = function() { g.gridManager && g.gridManager.setHeight(g.selectBox.height() - 2); }; }, data: p.data, inputText: null, select: null, textFieldID: "", valueFieldID: "", valueField: null //隐藏域(保存值) }; //private object var po = { dataInit: function() { var value = null; //根据值来初始化 if (p.initValue != undefined && p.initValue != null) { value = p.initValue; var text = g.findTextByValue(value); po.changeValue(value, text); } //根据文本来初始化 else if (p.initText != undefined && p.initText != null) { value = g.findValueByText(p.initText); po.changeValue(value, p.initText); } else if(g.valueField.val() !="") { value = g.valueField.val(); var text = g.findTextByValue(value); po.changeValue(value, text); } if (!p.isShowCheckBox && value != null) { $("table tr", g.selectBox).find("td:first").each(function() { if (value == $(this).attr("value")) { $(this).addClass("l-selected"); } }); } if (p.isShowCheckBox && value != null) { $(":checkbox", g.selectBox).each(function() { var parentTD = null; var checkbox = $(this); if (checkbox.parent().get(0).tagName.toLowerCase() == "div") { parentTD = checkbox.parent().parent(); } else { parentTD = checkbox.parent(); } if (parentTD == null) return; var valuearr = value.toString().split(p.split); $(valuearr).each(function(i, item) { if (item == parentTD.attr("value")) { $(".l-checkbox", parentTD).addClass("l-checkbox-checked"); checkbox[0].checked = true; } }); }); } }, changeValue: function(newValue, newText) { g.valueField.val(newValue); g.inputText.val(newText); g.selectedValue = newValue; g.selectedText = newText; g.inputText.trigger("change").focus(); if (p.onSelected) p.onSelected(newValue, newText); }, //更新选中的值(复选框) checkboxUpdateValue: function() { var valueStr = ""; var textStr = ""; $("input:checked", g.selectBox).each(function() { var parentTD = null; if ($(this).parent().get(0).tagName.toLowerCase() == "div") { parentTD = $(this).parent().parent(); } else { parentTD = $(this).parent(); } if (!parentTD) return; valueStr += parentTD.attr("value") + p.split; textStr += parentTD.attr("text") + p.split; }); if (valueStr.length > 0) valueStr = valueStr.substr(0, valueStr.length - 1); if (textStr.length > 0) textStr = textStr.substr(0, textStr.length - 1); po.changeValue(valueStr, textStr); }, addClickEven: function() { //选项点击 $(".l-table-nocheckbox td", g.selectBox).click(function() { if (p.onBeforeSelect && !p.onBeforeSelect($(this).attr("value"), $(this).html())) { g.selectBox.slideToggle("fast"); return false; } if ($(this).hasClass("l-selected")) { g.selectBox.slideToggle("fast"); return; } $(".l-selected", g.selectBox).removeClass("l-selected"); $(this).addClass("l-selected"); if (g.select) { if (g.select[0].selectedIndex != $(this).attr('index')) { var newIndex = parseInt($(this).attr('index')); g.select[0].selectedIndex = newIndex; g.select.trigger("change"); } } g.boxToggling = true; g.selectBox.hide("fast", function() { g.boxToggling = false; }); po.changeValue($(this).attr("value"), $(this).html()); }); }, toggleSelectBox: function(isHide) { var textHeight = g.wrapper.height(); g.boxToggling = true; if (isHide) { if (p.slide) { g.selectBox.slideToggle('fast', function() { g.boxToggling = false; }); } else { g.selectBox.hide(); g.boxToggling = false; } } else { var topheight = g.wrapper.offset().top - $(window).scrollTop(); var selfheight = g.selectBox.height() + textHeight + 4; if (topheight + selfheight > $(window).height() && topheight > selfheight) { g.selectBox.css("marginTop", -1 * (g.selectBox.height() + textHeight + 5)); } if (p.slide) { g.selectBox.slideToggle('fast', function() { g.boxToggling = false; if (!p.isShowCheckBox && $('td.l-selected', g.selectBox).length >0) { var offSet = ($('td.l-selected', g.selectBox).offset().top - g.selectBox.offset().top); $(".l-box-select-inner", g.selectBox).animate({ scrollTop: offSet }); } }); } else { g.selectBox.show(); g.boxToggling = false; if (!g.tree && !g.grid && !p.isShowCheckBox && $('td.l-selected', g.selectBox).length>0) { var offSet = ($('td.l-selected', g.selectBox).offset().top - g.selectBox.offset().top); $(".l-box-select-inner", g.selectBox).animate({ scrollTop: offSet }); } } } g.isShowed = g.selectBox.is(":visible"); } }; //文本框初始化 if (this.tagName.toLowerCase() == "input") { this.readOnly = true; g.inputText = $(this); g.textFieldID = this.id; } else if (this.tagName.toLowerCase() == "select") { $(this).addClass('l-hidden'); g.select = $(this); p.isMultiSelect = false; p.isShowCheckBox = false; g.textFieldID = this.id + "_txt"; g.inputText = $('<input type="text" readonly="true"/>'); g.inputText.attr("id", g.textFieldID).insertAfter($(this)); } else { //不支持其他类型 return; } if (g.inputText[0].name == undefined) g.inputText[0].name = g.textFieldID; //隐藏域初始化 g.valueField = null; if (p.valueFieldID) { g.valueField = $("#" + p.valueFieldID + ":input"); if (g.valueField.length == 0) g.valueField = $('<input type="hidden"/>'); g.valueField[0].id = g.valueField[0].name = p.valueFieldID; } else { g.valueField = $('<input type="hidden"/>'); g.valueField[0].id = g.valueField[0].name = g.textFieldID + "_val"; } if (g.valueField[0].name == undefined) g.valueField[0].name = g.valueField[0].id; //开关 g.link = $('<div class="l-trigger"><div class="l-trigger-icon"></div></div>'); //下拉框 g.selectBox = $('<div class="l-box-select"><div class="l-box-select-inner"><table cellpadding="0" cellspacing="0" border="0" class="l-box-select-table"></table></div></div>'); g.selectBox.table = $("table:first", g.selectBox); //外层 g.wrapper = g.inputText.wrap('<div class="l-text l-text-combobox"></div>').parent(); g.wrapper.append('<div class="l-text-l"></div><div class="l-text-r"></div>'); g.wrapper.append(g.link).after(g.selectBox).after(g.valueField); g.inputText.addClass("l-text-field"); if (p.width) { g.wrapper.css({ width: p.width }); g.inputText.css({ width: p.width - 20 }); } if (p.height) { g.wrapper.height(p.height); g.inputText.height(p.height - 2); g.link.height(p.height - 4); } if (p.isShowCheckBox && !g.select) { $("table", g.selectBox).addClass("l-table-checkbox"); } else { p.isShowCheckBox = false; $("table", g.selectBox).addClass("l-table-nocheckbox"); } //调整大小支持 if (p.resize && $.fn.ligerResizable) { g.selectBox.ligerResizable({ handles: 'se,s', onStartResize: function() { g.resizing = true; p.onStartResize && onStartResize(); } , onEndResize: function() { g.resizing = false; po.onEndResize && po.onEndResize(); p.onEndResize && p.onEndResize(); } }); g.selectBox.append("<div class='l-btn-nw-drop'></div>"); } //开关 事件 g.link.hover(function() { this.className = "l-trigger-hover"; }, function() { this.className = "l-trigger"; }).mousedown(function() { this.className = "l-trigger-pressed"; }).mouseup(function() { this.className = "l-trigger-hover"; }).click(function() { po.toggleSelectBox(g.selectBox.is(":visible")); }); g.inputText.click(function() { po.toggleSelectBox(g.selectBox.is(":visible")); }).blur(function() { g.wrapper.removeClass("l-text-focus"); }).focus(function() { g.wrapper.addClass("l-text-focus"); }); g.wrapper.hover(function() { g.wrapper.addClass("l-text-over"); }, function() { g.wrapper.removeClass("l-text-over"); }); g.resizing = false; g.selectBox.hover(null, function(e) { if (p.hideOnLoseFocus && g.selectBox.is(":visible") && !g.boxToggling && !g.resizing) { po.toggleSelectBox(true); } }); //下拉框宽度、高度初始化 if (p.selectBoxWidth) { g.selectBox.width(p.selectBoxWidth); } else { g.selectBox.css('width', g.wrapper.css('width')); } var itemsleng = $("tr", g.selectBox.table).length; if (!p.selectBoxHeight && itemsleng < 8) p.selectBoxHeight = itemsleng * 30; if (p.selectBoxHeight) { g.selectBox.height(p.selectBoxHeight); } //下拉框内容初始化 g.bulidContent(); if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_ComboBox"] = g; this.usedComboBox = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_ComboBox"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_ComboBox"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.DateEditor = { format: "yyyy-MM-dd hh:mm", showTime: false, onChangeDate: false }; $.ligerDefaults.DateEditorString = { dayMessage: ["日", "一", "二", "三", "四", "五", "六"], monthMessage: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], todayMessage: "今天", closeMessage: "关闭" }; /// <param name="$" type="jQuery"></param> $.fn.ligerDateEditor = function (options) { return this.each(function () { if (this.useDateEditor) return; var p = $.extend({}, options || {}); if ($(this).attr("ligerui")) { try { var attroptions = $(this).attr("ligerui"); if (attroptions.indexOf('{') < 0) attroptions = "{" + attroptions + "}"; eval("attroptions = " + attroptions + ";"); if (attroptions) p = $.extend({}, attroptions, p || {}); } catch (e) { } } p = $.extend({}, $.ligerDefaults.DateEditor, $.ligerDefaults.DateEditorString, p); if (!p.showTime && p.format.indexOf(" hh:mm") > -1) p.format = p.format.replace(" hh:mm", ""); if (this.tagName.toLowerCase() != "input" || this.type != "text") return; var g = { bulidContent: function () { //当前月第一天星期 var thismonthFirstDay = new Date(g.currentDate.year, g.currentDate.month - 1, 1).getDay(); //当前月天数 var nextMonth = g.currentDate.month; var nextYear = g.currentDate.year; if (++nextMonth == 13) { nextMonth = 1; nextYear++; } var monthDayNum = new Date(nextYear, nextMonth - 1, 0).getDate(); //当前上个月天数 var prevMonthDayNum = new Date(g.currentDate.year, g.currentDate.month - 1, 0).getDate(); g.buttons.btnMonth.html(p.monthMessage[g.currentDate.month - 1]); g.buttons.btnYear.html(g.currentDate.year); g.toolbar.time.hour.html(g.currentDate.hour); g.toolbar.time.minute.html(g.currentDate.minute); if (g.toolbar.time.hour.html().length == 1) g.toolbar.time.hour.html("0" + g.toolbar.time.hour.html()); if (g.toolbar.time.minute.html().length == 1) g.toolbar.time.minute.html("0" + g.toolbar.time.minute.html()); $("td", this.body.tbody).each(function () { this.className = "" }); $("tr", this.body.tbody).each(function (i, tr) { $("td", tr).each(function (j, td) { var id = i * 7 + (j - thismonthFirstDay); var showDay = id + 1; if (g.selectedDate && g.currentDate.year == g.selectedDate.year && g.currentDate.month == g.selectedDate.month && id + 1 == g.selectedDate.date) { if (j == 0 || j == 6) { $(td).addClass("l-box-dateeditor-holiday") } $(td).addClass("l-box-dateeditor-selected"); $(td).siblings().removeClass("l-box-dateeditor-selected"); } else if (g.currentDate.year == g.now.year && g.currentDate.month == g.now.month && id + 1 == g.now.date) { if (j == 0 || j == 6) { $(td).addClass("l-box-dateeditor-holiday") } $(td).addClass("l-box-dateeditor-today"); } else if (id < 0) { showDay = prevMonthDayNum + showDay; $(td).addClass("l-box-dateeditor-out") .removeClass("l-box-dateeditor-selected"); } else if (id > monthDayNum - 1) { showDay = showDay - monthDayNum; $(td).addClass("l-box-dateeditor-out") .removeClass("l-box-dateeditor-selected"); } else if (j == 0 || j == 6) { $(td).addClass("l-box-dateeditor-holiday") .removeClass("l-box-dateeditor-selected"); } else { td.className = ""; } $(td).html(showDay); }); }); }, toggleDateEditor: function (isHide) { var textHeight = g.text.height(); g.editorToggling = true; if (isHide) { g.dateeditor.hide('fast', function () { g.editorToggling = false; }); } else { if (g.text.offset().top + 4 > g.dateeditor.height() && g.text.offset().top + g.dateeditor.height() + textHeight + 4 - $(window).scrollTop() > $(window).height()) { g.dateeditor.css("marginTop", -1 * (g.dateeditor.height() + textHeight + 5)); g.showOnTop = true; } else { g.showOnTop = false; } g.dateeditor.slideDown('fast', function () { g.editorToggling = false; }); } }, showDate: function () { if (!this.selectedDate) return; var dateStr = g.selectedDate.year + "/" + g.selectedDate.month + "/" + g.selectedDate.date; this.currentDate.hour = parseInt(g.toolbar.time.hour.html()); this.currentDate.minute = parseInt(g.toolbar.time.minute.html()); if (p.showTime) { dateStr += " " + this.currentDate.hour + ":" + this.currentDate.minute; } this.inputText.val(dateStr); this.inputText.trigger("change").focus(); }, isDateTime: function (dateStr) { var r = dateStr.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4]); if (d == "NaN") return false; return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]); }, isLongDateTime: function (dateStr) { var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2})$/; var r = dateStr.match(reg); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4], r[5], r[6]); if (d == "NaN") return false; return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4] && d.getHours() == r[5] && d.getMinutes() == r[6]); }, getFormatDate: function (date) { if (date == "NaN") return null; var format = p.format; var o = { "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), "q+": Math.floor((date.getMonth() + 3) / 3), "S": date.getMilliseconds() } if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (date.getFullYear() + "") .substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); } } return format; }, onTextChange: function () { var val = g.inputText.val(); if (val == "") { g.selectedDate = null; return true; } if (!p.showTime && !g.isDateTime(val)) { //恢复 if (!g.usedDate) { g.inputText.val(""); } else { g.inputText.val(g.getFormatDate(g.usedDate)); } } else if (p.showTime && !g.isLongDateTime(val)) { //恢复 if (!g.usedDate) { g.inputText.val(""); } else { g.inputText.val(g.getFormatDate(g.usedDate)); } } else { while (val.indexOf("-") > -1) val = val.replace("-", "/"); // do it for ie var formatVal = g.getFormatDate(new Date(val)); if (formatVal == null) { //恢复 if (!g.usedDate) { g.inputText.val(""); } else { g.inputText.val(g.getFormatDate(g.usedDate)); } } g.usedDate = new Date(val); //记录 g.selectedDate = { year: g.usedDate.getFullYear(), month: g.usedDate.getMonth() + 1, //注意这里 day: g.usedDate.getDay(), date: g.usedDate.getDate(), hour: g.usedDate.getHours(), minute: g.usedDate.getMinutes() }; g.currentDate = { year: g.usedDate.getFullYear(), month: g.usedDate.getMonth() + 1, //注意这里 day: g.usedDate.getDay(), date: g.usedDate.getDate(), hour: g.usedDate.getHours(), minute: g.usedDate.getMinutes() }; g.inputText.val(formatVal); if (p.onChangeDate) { p.onChangeDate(formatVal); } if ($(g.dateeditor).is(":visible")) g.bulidContent(); } } }; g.inputText = $(this); if (!g.inputText.hasClass("l-text-field")) g.inputText.addClass("l-text-field"); g.link = $('<div class="l-trigger"><div class="l-trigger-icon"></div></div>'); g.text = g.inputText.wrap('<div class="l-text l-text-date"></div>').parent(); g.text.append('<div class="l-text-l"></div><div class="l-text-r"></div>'); g.text.append(g.link); if (p.width) { g.text.css({ width: p.width }); g.inputText.css({ width: p.width - 20 }); } var dateeditorHTML = ""; dateeditorHTML += "<div class='l-box-dateeditor' style='display:none'>"; dateeditorHTML += " <div class='l-box-dateeditor-header'>"; dateeditorHTML += " <div class='l-box-dateeditor-header-btn l-box-dateeditor-header-prevyear'><span></span></div>"; dateeditorHTML += " <div class='l-box-dateeditor-header-btn l-box-dateeditor-header-prevmonth'><span></span></div>"; dateeditorHTML += " <div class='l-box-dateeditor-header-text'><a class='l-box-dateeditor-header-month'></a> , <a class='l-box-dateeditor-header-year'></a></div>"; dateeditorHTML += " <div class='l-box-dateeditor-header-btn l-box-dateeditor-header-nextmonth'><span></span></div>"; dateeditorHTML += " <div class='l-box-dateeditor-header-btn l-box-dateeditor-header-nextyear'><span></span></div>"; dateeditorHTML += " </div>"; dateeditorHTML += " <div class='l-box-dateeditor-body'>"; dateeditorHTML += " <table cellpadding='0' cellspacing='0' border='0' class='l-box-dateeditor-calendar'>"; dateeditorHTML += " <thead>"; dateeditorHTML += " <tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr>"; dateeditorHTML += " </thead>"; dateeditorHTML += " <tbody>"; dateeditorHTML += " <tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr><tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr><tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr><tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr><tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr><tr><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td><td align='center'></td></tr>"; dateeditorHTML += " </tbody>"; dateeditorHTML += " </table>"; dateeditorHTML += " <ul class='l-box-dateeditor-monthselector'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>"; dateeditorHTML += " <ul class='l-box-dateeditor-yearselector'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>"; dateeditorHTML += " <ul class='l-box-dateeditor-hourselector'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>"; dateeditorHTML += " <ul class='l-box-dateeditor-minuteselector'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>"; dateeditorHTML += " </div>"; dateeditorHTML += " <div class='l-box-dateeditor-toolbar'>"; dateeditorHTML += " <div class='l-box-dateeditor-time'></div>"; dateeditorHTML += " <div class='l-button l-button-today'></div>"; dateeditorHTML += " <div class='l-button l-button-close'></div>"; dateeditorHTML += " <div class='l-clear'></div>"; dateeditorHTML += " </div>"; dateeditorHTML += "</div>"; g.dateeditor = $(dateeditorHTML); g.text.after(g.dateeditor); g.header = $(".l-box-dateeditor-header", g.dateeditor); g.body = $(".l-box-dateeditor-body", g.dateeditor); g.toolbar = $(".l-box-dateeditor-toolbar", g.dateeditor); g.body.thead = $("thead", g.body); g.body.tbody = $("tbody", g.body); g.body.monthselector = $(".l-box-dateeditor-monthselector", g.body); g.body.yearselector = $(".l-box-dateeditor-yearselector", g.body); g.body.hourselector = $(".l-box-dateeditor-hourselector", g.body); g.body.minuteselector = $(".l-box-dateeditor-minuteselector", g.body); g.toolbar.time = $(".l-box-dateeditor-time", g.toolbar); g.toolbar.time.hour = $("<a></a>"); g.toolbar.time.minute = $("<a></a>"); g.buttons = { btnPrevYear: $(".l-box-dateeditor-header-prevyear", g.header), btnNextYear: $(".l-box-dateeditor-header-nextyear", g.header), btnPrevMonth: $(".l-box-dateeditor-header-prevmonth", g.header), btnNextMonth: $(".l-box-dateeditor-header-nextmonth", g.header), btnYear: $(".l-box-dateeditor-header-year", g.header), btnMonth: $(".l-box-dateeditor-header-month", g.header), btnToday: $(".l-button-today", g.toolbar), btnClose: $(".l-button-close", g.toolbar) }; var nowDate = new Date(); g.now = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, //注意这里 day: nowDate.getDay(), date: nowDate.getDate(), hour: nowDate.getHours(), minute: nowDate.getMinutes() }; //当前的时间 g.currentDate = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, day: nowDate.getDay(), date: nowDate.getDate(), hour: nowDate.getHours(), minute: nowDate.getMinutes() }; //选择的时间 g.selectedDate = null; //使用的时间 g.usedDate = null; //初始化数据 //设置周日至周六 $("td", g.body.thead).each(function (i, td) { $(td).html(p.dayMessage[i]); }); //设置一月到十一二月 $("li", g.body.monthselector).each(function (i, li) { $(li).html(p.monthMessage[i]); }); //设置按钮 g.buttons.btnToday.html(p.todayMessage); g.buttons.btnClose.html(p.closeMessage); //设置时间 if (p.showTime) { g.toolbar.time.show(); g.toolbar.time.append(g.toolbar.time.hour).append(":").append(g.toolbar.time.minute); $("li", g.body.hourselector).each(function (i, item) { var str = i; if (i < 10) str = "0" + i.toString(); $(this).html(str); }); $("li", g.body.minuteselector).each(function (i, item) { var str = i; if (i < 10) str = "0" + i.toString(); $(this).html(str); }); } //设置主体 g.bulidContent(); //初始化 if (g.inputText.val() != "") g.onTextChange(); /************** **bulid evens** *************/ g.dateeditor.hover(null, function (e) { if (g.dateeditor.is(":visible") && !g.editorToggling) { g.toggleDateEditor(true); } }); //toggle even g.link.hover(function () { this.className = "l-trigger-hover"; }, function () { this.className = "l-trigger"; }).mousedown(function () { this.className = "l-trigger-pressed"; }).mouseup(function () { this.className = "l-trigger-hover"; }).click(function () { g.bulidContent(); g.toggleDateEditor(g.dateeditor.is(":visible")); }); g.buttons.btnClose.click(function () { g.toggleDateEditor(true); }); //日期 点击 $("td", g.body.tbody).hover(function () { if ($(this).hasClass("l-box-dateeditor-today")) return; $(this).addClass("l-box-dateeditor-over"); }, function () { $(this).removeClass("l-box-dateeditor-over"); }).click(function () { $(".l-box-dateeditor-selected", g.body.tbody).removeClass("l-box-dateeditor-selected"); if (!$(this).hasClass("l-box-dateeditor-today")) $(this).addClass("l-box-dateeditor-selected"); g.currentDate.date = parseInt($(this).html()); g.currentDate.day = new Date(g.currentDate.year, g.currentDate.month - 1, 1).getDay(); if ($(this).hasClass("l-box-dateeditor-out")) { if ($("tr", g.body.tbody).index($(this).parent()) == 0) { if (--g.currentDate.month == 0) { g.currentDate.month = 12; g.currentDate.year--; } } else { if (++g.currentDate.month == 13) { g.currentDate.month = 1; g.currentDate.year++; } } } g.selectedDate = { year: g.currentDate.year, month: g.currentDate.month, date: g.currentDate.date }; g.showDate(); g.editorToggling = true; g.dateeditor.slideToggle('fast', function () { g.editorToggling = false; }); }); $(".l-box-dateeditor-header-btn", g.header).hover(function () { $(this).addClass("l-box-dateeditor-header-btn-over"); }, function () { $(this).removeClass("l-box-dateeditor-header-btn-over"); }); //选择年份 g.buttons.btnYear.click(function () { //build year list if (!g.body.yearselector.is(":visible")) { $("li", g.body.yearselector).each(function (i, item) { var currentYear = g.currentDate.year + (i - 4); if (currentYear == g.currentDate.year) $(this).addClass("l-selected"); else $(this).removeClass("l-selected"); $(this).html(currentYear); }); } g.body.yearselector.slideToggle(); }); g.body.yearselector.hover(function () { }, function () { $(this).slideUp(); }); $("li", g.body.yearselector).click(function () { g.currentDate.year = parseInt($(this).html()); g.body.yearselector.slideToggle(); g.bulidContent(); }); //select month g.buttons.btnMonth.click(function () { $("li", g.body.monthselector).each(function (i, item) { //add selected style if (g.currentDate.month == i + 1) $(this).addClass("l-selected"); else $(this).removeClass("l-selected"); }); g.body.monthselector.slideToggle(); }); g.body.monthselector.hover(function () { }, function () { $(this).slideUp("fast"); }); $("li", g.body.monthselector).click(function () { var index = $("li", g.body.monthselector).index(this); g.currentDate.month = index + 1; g.body.monthselector.slideToggle(); g.bulidContent(); }); //选择小时 g.toolbar.time.hour.click(function () { $("li", g.body.hourselector).each(function (i, item) { //add selected style if (g.currentDate.hour == i) $(this).addClass("l-selected"); else $(this).removeClass("l-selected"); }); g.body.hourselector.slideToggle(); }); g.body.hourselector.hover(function () { }, function () { $(this).slideUp("fast"); }); $("li", g.body.hourselector).click(function () { var index = $("li", g.body.hourselector).index(this); g.currentDate.hour = index; g.body.hourselector.slideToggle(); g.bulidContent(); }); //选择分钟 g.toolbar.time.minute.click(function () { $("li", g.body.minuteselector).each(function (i, item) { //add selected style if (g.currentDate.minute == i) $(this).addClass("l-selected"); else $(this).removeClass("l-selected"); }); g.body.minuteselector.slideToggle("fast", function () { var index = $("li", this).index($('li.l-selected', this)); if (index > 29) { var offSet = ($('li.l-selected', this).offset().top - $(this).offset().top); $(this).animate({ scrollTop: offSet }); } }); }); g.body.minuteselector.hover(function () { }, function () { $(this).slideUp("fast"); }); $("li", g.body.minuteselector).click(function () { var index = $("li", g.body.minuteselector).index(this); g.currentDate.minute = index; g.body.minuteselector.slideToggle("fast"); g.bulidContent(); }); //上个月 g.buttons.btnPrevMonth.click(function () { if (--g.currentDate.month == 0) { g.currentDate.month = 12; g.currentDate.year--; } g.bulidContent(); }); //下个月 g.buttons.btnNextMonth.click(function () { if (++g.currentDate.month == 13) { g.currentDate.month = 1; g.currentDate.year++; } g.bulidContent(); }); //上一年 g.buttons.btnPrevYear.click(function () { g.currentDate.year--; g.bulidContent(); }); //下一年 g.buttons.btnNextYear.click(function () { g.currentDate.year++; g.bulidContent(); }); //今天 g.buttons.btnToday.click(function () { g.currentDate = { year: g.now.year, month: g.now.month, day: g.now.day, date: g.now.date }; g.selectedDate = { year: g.now.year, month: g.now.month, day: g.now.day, date: g.now.date }; g.showDate(); g.dateeditor.slideToggle("fast"); }); //文本框 g.inputText.change(function () { g.onTextChange(); }).blur(function () { g.text.removeClass("l-text-focus"); }).focus(function () { g.text.addClass("l-text-focus"); }); g.text.hover(function () { g.text.addClass("l-text-over"); }, function () { g.text.removeClass("l-text-over"); }); this.useDateEditor = true; }); } })(jQuery);/** * jQuery ligerUI 1.0.1.1 * * Author leoxie [ gd_star@163.com ] * */ //dialog 图片文件夹的路径 针对于IE6设置 var ligerDialogImagePath = "../../lib/ligerUI/skins/Aqua/images/dialog/"; (function($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Dialog = { cls:null, //给dialog附加css class id:null, //给dialog附加id buttons: null, //按钮集合 isDrag: true, //是否拖动 width: 280, //宽度 height: null, //高度,默认自适应 content: '', //内容 target: null, //目标对象,指定它将以appendTo()的方式载入 url: null, //目标页url,默认以iframe的方式载入 load: false, //是否以load()的方式加载目标页的内容 type: 'warn', //类型 warn、success、error、question left: null, //位置left top: null, //位置top modal: true, //是否模态对话框 name: null, //创建iframe时 作为iframe的name和id isResize:false, // 是否调整大小 allowClose:true, //允许关闭 opener:null, timeParmName:null //是否给URL后面加上值为new Date().getTime()的参数,如果需要指定一个参数名即可 }; $.ligerDefaults.DialogString = { titleMessage: '提示', //提示文本标题 waittingMessage:'正在等待中,请稍候...' }; /// <param name="$" type="jQuery"></param> $.ligerDialog = {}; $.ligerDialog.open = function(p) { p = $.extend({}, $.ligerDefaults.Dialog,$.ligerDefaults.DialogString, p || {}); var g = { applyWindowMask: function() { $(".l-window-mask").remove(); $("<div class='l-window-mask' style='display: block;'></div>").height($(window).height()+$(window).scrollTop()).appendTo('body'); }, removeWindowMask: function() { $(".l-window-mask").remove(); }, applyDrag: function() { if ($.fn.ligerDrag) g.dialog.ligerDrag({ handler: '.l-dialog-title' }); }, applyResize:function(){ if($.fn.ligerResizable) { g.dialog.ligerResizable({ onStopResize: function (current, e) { var top = 0; var left = 0; if (!isNaN(parseInt(g.dialog.css('top')))) top = parseInt(g.dialog.css('top')); if (!isNaN(parseInt(g.dialog.css('left')))) left = parseInt(g.dialog.css('left')); if (current.diffTop != undefined) { g.dialog.css({ top: top + current.diffTop, left: left + current.diffLeft }); g.dialog.body.css({ width : current.newWidth - 26 }); $(".l-dialog-content",g.dialog.body).height(current.newHeight - 46 - $(".l-dialog-buttons", g.dialog).height()); } return false; } }); } }, setImage: function() { if (p.type) { if (p.type == 'success' || p.type == 'donne' || p.type == 'ok') { $(".l-dialog-image", g.dialog).addClass("l-dialog-image-donne").show(); $(".l-dialog-content", g.dialog).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'error') { $(".l-dialog-image", g.dialog).addClass("l-dialog-image-error").show(); $(".l-dialog-content", g.dialog).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'warn') { $(".l-dialog-image", g.dialog).addClass("l-dialog-image-warn").show(); $(".l-dialog-content", g.dialog).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'question') { $(".l-dialog-image", g.dialog).addClass("l-dialog-image-question").show(); $(".l-dialog-content", g.dialog).css({ paddingLeft: 64, paddingBottom: 40 }); } } } }; g.dialog = $('<div class="l-dialog"><table class="l-dialog-table" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td class="l-dialog-tl"></td><td class="l-dialog-tc"><div class="l-dialog-tc-inner"><div class="l-dialog-icon"></div><div class="l-dialog-title"></div><div class="l-dialog-close"></div></div></td><td class="l-dialog-tr"></td></tr><tr><td class="l-dialog-cl"></td><td class="l-dialog-cc"><div class="l-dialog-body"><div class="l-dialog-image"></div> <div class="l-dialog-content"></div><div class="l-dialog-buttons"><div class="l-dialog-buttons-inner"></div></td><td class="l-dialog-cr"></td></tr><tr><td class="l-dialog-bl"></td><td class="l-dialog-bc"></td><td class="l-dialog-br"></td></tr></tbody></table></div>'); $('body').append(g.dialog); g.dialog.body = $(".l-dialog-body:first", g.dialog); g.dialog.close = function() { if(g.dialog.frame) { $(g.dialog.frame.document).ready(function(){ g.removeWindowMask(); g.dialog.remove(); }); } else { g.removeWindowMask(); g.dialog.remove(); } }; g.dialog.doShow = function() { g.dialog.show(); }; if(p.allowClose == false) $(".l-dialog-close", g.dialog).remove(); if (p.target || p.url || p.type == "none") p.type = null; if(p.cls) g.dialog.addClass(p.cls); if(p.id) g.dialog.attr("id",p.id); //设置锁定屏幕、拖动支持 和设置图片 if (p.modal) g.applyWindowMask(); if (p.isDrag) g.applyDrag(); if(p.isResize) g.applyResize(); if (p.type) g.setImage(); else { $(".l-dialog-image", g.dialog).remove(); $(".l-dialog-content", g.dialog.body).addClass("l-dialog-content-noimage"); } //设置主体内容 if (p.target) { $(".l-dialog-content", g.dialog.body).prepend(p.target); } else if (p.url) { if(p.timeParmName) { p.url += p.url.indexOf('?')==-1 ? "?" : "&" ; p.url += p.timeParmName +"="+new Date().getTime(); } var iframe = $("<iframe frameborder='0'></iframe>"); var framename = p.name ? p.name : "ligerwindow" + new Date().getTime(); iframe.attr("name", framename); $(".l-dialog-content", g.dialog.body).prepend(iframe); $(".l-dialog-content",g.dialog.body).addClass("l-dialog-content-nopadding"); setTimeout(function(){ iframe.attr("src",p.url); g.dialog.frame = window.frames[iframe.attr("name")]; },0); } else if (p.content) { $(".l-dialog-content", g.dialog.body).html(p.content); } if(p.opener) g.dialog.opener = p.opener; //设置按钮 if (p.buttons) { $(p.buttons).each(function(i,item){ var btn = $('<div class="l-dialog-btn"><div class="l-dialog-btn-l"></div><div class="l-dialog-btn-r"></div><div class="l-dialog-btn-inner"></div></div>'); $(".l-dialog-btn-inner", btn).html(item.text); $(".l-dialog-buttons-inner", g.dialog.body).prepend(btn); item.width && btn.width(item.width); item.onclick && btn.click(function() { item.onclick(item , g.dialog,i) }); }); }else{ $(".l-dialog-buttons", g.dialog).remove(); } $(".l-dialog-buttons-inner", g.dialog).append("<div class='l-clear'></div>"); //设置参数属性 p.width && g.dialog.body.width(p.width - 26); if(p.height) { $(".l-dialog-content",g.dialog.body).height(p.height - 46 - $(".l-dialog-buttons", g.dialog).height()); } p.title = p.title || p.titleMessage; p.title && $(".l-dialog-title", g.dialog).html(p.title); $(".l-dialog-title", g.dialog).bind("selectstart", function() { return false; }); //设置事件 $(".l-dialog-btn", g.dialog.body).hover(function() { $(this).addClass("l-dialog-btn-over"); }, function() { $(this).removeClass("l-dialog-btn-over"); }); $(".l-dialog-tc .l-dialog-close", g.dialog).hover(function() { $(this).addClass("l-dialog-close-over"); }, function() { $(this).removeClass("l-dialog-close-over"); }).click(function() { g.dialog.close(); }); //IE6 PNG Fix var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1); var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1); if ($.browser.msie && (ie55 || ie6)) { $(".l-dialog-tl:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "dialog-tl.png',sizingMethod='crop');" }); $(".l-dialog-tc:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "ie6/dialog-tc.png',sizingMethod='crop');" }); $(".l-dialog-tr:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "dialog-tr.png',sizingMethod='crop');" }); $(".l-dialog-cl:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "ie6/dialog-cl.png',sizingMethod='crop');" }); $(".l-dialog-cr:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "ie6/dialog-cr.png',sizingMethod='crop');" }); $(".l-dialog-bl:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "dialog-bl.png',sizingMethod='crop');" }); $(".l-dialog-bc:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "ie6/dialog-bc.png',sizingMethod='crop');" }); $(".l-dialog-br:first", g.dialog).css({ "background": "none", "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + ligerDialogImagePath + "dialog-br.png',sizingMethod='crop');" }); } //位置初始化 var left = 0; var top = 0; var width = p.width || g.dialog.width(); if (p.left != null) left = p.left; else left = 0.5 * ($(window).width() - width); if (p.top != null) top = p.top; else top = 0.5 * ($(window).height() - g.dialog.height()) + $(window).scrollTop() - 10; g.dialog.css({ left: left, top: top }); g.dialog.doShow(); return g.dialog; }; $.ligerDialog.close = function() { $(".l-dialog,.l-window-mask").remove(); }; $.ligerDialog.alert = function(content, title, type, callback) { content = content || ""; if (typeof (title) == "function") { callback = title; type = null; } else if (typeof (type) == "function") { callback = type; } var btnclick = function(item, Dialog,index) { Dialog.close(); if (callback) callback(item, Dialog,index); }; p = { content: content, buttons: [{ text: '确定', onclick: btnclick}] }; if (typeof (title) == "string" && title != "") p.title = title; if (typeof (type) == "string" && type != "") p.type = type; $.ligerDialog.open(p); }; $.ligerDialog.confirm = function(content,title, callback) { if (typeof (title) == "function") { callback = title; type = null; } var btnclick = function(item, Dialog) { Dialog.close(); if (callback) { callback(item.type=='ok'); } }; p = { type: 'question', content: content, buttons: [{ text: '是', onclick: btnclick,type:'ok' }, { text: '否', onclick: btnclick,type:'no'}] }; if (typeof (title) == "string" && title != "") p.title = title; $.ligerDialog.open(p); }; $.ligerDialog.warning = function(content, title, callback) { if (typeof (title) == "function") { callback = title; type = null; } var btnclick= function(item, Dialog) { Dialog.close(); if (callback) { callback(item.type); } }; p = { type: 'question', content: content, buttons: [{ text: '是', onclick: btnclick, type: 'yes' }, { text: '否', onclick: btnclick, type: 'no' }, { text: '取消', onclick: btnclick, type: 'cancel'}] }; if (typeof (title) == "string" && title != "") p.title = title; $.ligerDialog.open(p); }; $.ligerDialog.waitting = function(title) { title = title || $.ligerDefaults.Dialog.waittingMessage; $.ligerDialog.open({cls:'l-dialog-waittingdialog',type:'none',content:'<div style="padding:4px">'+title+'</div>',allowClose:false}); }; $.ligerDialog.closeWaitting = function() { $(".l-dialog-waittingdialog,.l-window-mask").remove(); }; $.ligerDialog.success = function(content, title, onBtnClick) { $.ligerDialog.alert(content, title, 'success', onBtnClick); }; $.ligerDialog.error = function(content, title, onBtnClick) { $.ligerDialog.alert(content, title, 'error', onBtnClick); }; $.ligerDialog.warn = function(content, title, onBtnClick) { $.ligerDialog.alert(content, title, 'warn', onBtnClick); }; $.ligerDialog.question = function(content, title) { $.ligerDialog.alert(content, title, 'question'); }; $.ligerDialog.prompt = function(title,value,multi, callback) { var target = $('<input type="text" class="l-dialog-inputtext"/>'); if(typeof(multi) == "function"){ callback = multi; } if (typeof (value) == "function") { callback = value; } else if (typeof (value) == "boolean") { multi = value; } if(typeof(multi) == "boolean" && multi) { target = $('<textarea class="l-dialog-textarea"></textarea>'); } if(typeof (value) == "string" || typeof (value) == "int") { target.val(value); } var btnclick = function(item, Dialog , index) { Dialog.close(); if (callback) { callback(item.type == 'yes', target.val()); } } p = { title: title, target: target, width:320, buttons: [{ text: '确定', onclick: btnclick, type: 'yes' }, { text: '取消', onclick: btnclick, type: 'cancel'}] }; $.ligerDialog.open(p); }; })(jQuery);/** * jQuery ligerUI 1.0.1 * * Author leoxie [ gd_star@163.com ] * */ (function($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Drag = { onStartDrag: false, onDrag: false, onStopDrag: false }; /// <param name="$" type="jQuery"></param> $.fn.ligerDrag = function(p) { p = $.extend({}, $.ligerDefaults.Drag, p || {}); return this.each(function() { if (this.useDrag) return; var g = { start: function(e) { $('body').css('cursor', 'move'); g.current = { target: g.target, left: g.target.offset().left, top: g.target.offset().top, startX: e.pageX || e.screenX, startY: e.pageY || e.clientY }; $(document).bind('mouseup.drag', g.stop); $(document).bind('mousemove.drag', g.drag); if (p.onStartDrag) p.onStartDrag(g.current, e); }, drag: function(e) { if (!g.current) return; var pageX = e.pageX || e.screenX; var pageY = e.pageY || e.screenY; g.current.diffX = pageX - g.current.startX; g.current.diffY = pageY - g.current.startY; if (p.onDrag) { if (p.onDrag(g.current, e) != false) { g.applyDrag(); } } else { g.applyDrag(); } // //每30毫秒触发一次 // $(document).unbind('mousemove.drag'); // setTimeout(function () // { // $(document).bind('mousemove.drag', g.drag); // }, 30); }, stop: function(e) { $(document).unbind('mousemove.drag'); $(document).unbind('mouseup.drag'); $("body").css("cursor", ""); if (p.onStopDrag) p.onStopDrag(g.current, e); g.current = null; }, //更新当前坐标 applyDrag: function() { if (g.current.diffX) { g.target.css("left", (g.current.left + g.current.diffX)); } if (g.current.diffY) { g.target.css("top", (g.current.top + g.current.diffY)); } } }; g.target = $(this); if (p.handler == undefined || p.handler == null) g.handler = $(this); else g.handler = (typeof p.handler == 'string' ? $(p.handler, this) : p.handle); g.handler.hover(function() { $('body').css('cursor', 'move'); }, function() { $("body").css("cursor", "default"); }).mousedown(function(e) { g.start(e); return false; }); this.useDrag = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerEasyTab = function (p) { p = p || {}; return this.each(function () { if (this.manager) return; if ($(this).hasClass('l-hidden')) { return; } var g = {}; this.manager = g; g.tabs = $(this); if (!g.tabs.hasClass("l-easytab")) g.tabs.addClass("l-easytab"); var selectedIndex = 0; if ($("> div[lselected=true]", g.tabs).length > 0) selectedIndex = $("> div", g.tabs).index($("> div[lselected=true]", g.tabs)); g.tabs.ul = $('<ul class="l-easytab-header"></ul>'); $("> div", g.tabs).each(function (i, box) { var li = $('<li><span></span></li>'); if (i == selectedIndex) $("span", li).addClass("l-selected"); if ($(box).attr("title")) $("span", li).html($(box).attr("title")); g.tabs.ul.append(li); if (!$(box).hasClass("l-easytab-panelbox")) $(box).addClass("l-easytab-panelbox"); }); g.tabs.ul.prependTo(g.tabs); //init $(".l-easytab-panelbox:eq(" + selectedIndex + ")",g.tabs).show().siblings(".l-easytab-panelbox").hide(); //add even $("> ul:first span", g.tabs).click(function () { if ($(this).hasClass("l-selected")) return; var i = $("> ul:first span", g.tabs).index(this); $(this).addClass("l-selected").parent().siblings().find("span.l-selected").removeClass("l-selected"); $(".l-easytab-panelbox:eq(" + i + ")", g.tabs).show().siblings(".l-easytab-panelbox").hide(); }).not("l-selected").hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Form = { width: null }; /// <param name="$" type="jQuery"></param> $.fn.ligerForm = function (p) { p = $.extend({}, $.ligerDefaults.Form, p || {}); return this.each(function() { $("input[ltype=text],input[ltype=password]", this).ligerTextBox(); $("input[ltype=select],select[ltype=select]", this).ligerComboBox(); $("input[ltype=spinner]", this).ligerSpinner(); $("input[ltype=date]", this).ligerDateEditor(); $("input[ltype=radio]", this).ligerRadio(); $('input[ltype=checkbox]', this).ligerCheckBox(); }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if (typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { $.fn.ligerGetGridManager = function() { return LigerUIManagers[this[0].id + "_Grid"]; }; $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Grid = { title: null, width: 'auto', //宽度值 columnWidth: 120, //默认列宽度 resizable: true, //table是否可伸缩 url: false, //ajax url usePager: true, //是否分页 page: 1, //默认当前页 total: 1, //总页面数 pageSize: 10, //每页默认的结果数 pageSizeOptions: [10, 20, 30, 40, 50], //可选择设定的每页结果数 parms : [], //提交到服务器的参数 columns: [], //数据源 minColToggle: 1, //最小显示的列 dataType: 'server', //数据源:本地(local)或(server),本地是将读取p.data dataAction: 'server', //提交数据的方式:本地(local)或(server),选择本地方式时将在客服端分页、排序 showTableToggleBtn: false, //是否显示'显示隐藏Grid'按钮 switchPageSizeApplyComboBox : true, //切换每页记录数是否应用ligerComboBox allowAdjustColWidth: true, //是否允许调整列宽 checkbox: false, //是否显示复选框 allowHideColumn: true, //是否显示'切换列层'按钮 enabledEdit: false, //是否允许编辑 isScroll: true, //是否滚动 onDragCol: null, //拖动列事件 onToggleCol: null, //切换列事件 onChangeSort: null, //改变排序事件 onSuccess: null, //成功事件 onDblClickRow:null, //双击行事件 onSelectRow: null, //选择行事件 onUnSelectRow : null, //取消选择行事件 onBeforeCheckRow: null, //选择前事件,可以通过return false阻止操作(复选框) onCheckRow: null, //选择事件(复选框) onBeforeCheckAllRow: null, //选择前事件,可以通过return false阻止操作(复选框 全选/全不选) onCheckAllRow: null, //选择事件(复选框 全选/全不选) onBeforeShowData:null, //显示数据前事件,可以通过reutrn false阻止操作 onAfterShowData: null, //显示完数据事件 onError: null, //错误事件 onSubmit: null, //提交前事件 dateFormat: 'yyyy-MM-dd', //默认时间显示格式 InWindow : true, //是否以窗口的高度为准 height设置为百分比时可用 statusName : '__status', //状态名 method :'post', //提交方式 fixedCellHeight:true, //是否固定单元格的高度 heightDiff : 0, //高度补差,当设置height:100%时,可能会有高度的误差,可以通过这个属性调整 cssClass : null, //类名 root :'Rows', //数据源字段名 record:'Total', //数据源记录数字段名 pageParmName :'page', //页索引参数名,(提交给服务器) pagesizeParmName:'pagesize', //页记录数参数名,(提交给服务器) sortnameParmName:'sortname', //页排序列名(提交给服务器) sortorderParmName:'sortorder', //页排序方向(提交给服务器) onReload : null, //刷新事件,可以通过return false来阻止操作 onToFirst:null, //第一页,可以通过return false来阻止操作 onToPrev:null, //上一页,可以通过return false来阻止操作 onToNext:null, //下一页,可以通过return false来阻止操作 onToLast:null, //最后一页,可以通过return false来阻止操作 allowUnSelectRow : false, //是否允许反选行 dblClickToEdit : false, //是否双击的时候才编辑 alternatingRow : true, mouseoverRowCssClass:'l-grid-row-over', enabledSort: true, //是否允许排序 rowAttrRender : null, //行自定义属性渲染器(包括style,也可以定义) //获取时间 renderDate: function(value) { var da; if (!value) return null; if (typeof value == 'object') { return value; } if (value.indexOf('Date') > -1) { da = eval('new ' + value.replace('/', '', 'g').replace('/', '', 'g')); } else { da = eval('new Date("' + value + '");'); } return da; } }; $.ligerDefaults.GridString = { errorMessage: '发生错误', pageStatMessage: '显示记录从{from}到{to},总数 {total} 条', pageTextMessage: 'Page', loadingMessage: '加载中...', findTextMessage: '查找', noRecordMessage: '没有符合条件的记录存在', isContinueByDataChanged: '数据已经改变,如果继续将丢失数据,是否继续?' }; /// <param name="$" type="jQuery"></param> $.ligerAddGrid = function(grid, p) { if (grid.usedGrid) return; $(grid).hasClass("l-panel") || $(grid).addClass("l-panel"); var gridhtmlarr = []; gridhtmlarr.push(" <div class='l-panel-header'><span class='l-panel-header-text'></span></div>"); gridhtmlarr.push(" <div class='l-grid-loading'></div>"); gridhtmlarr.push(" <div class='l-grid-editor'></div>"); gridhtmlarr.push(" <div class='l-panel-bwarp'>"); gridhtmlarr.push(" <div class='l-panel-body'>"); gridhtmlarr.push(" <div class='l-grid'>"); gridhtmlarr.push(" <div class='l-grid-dragging-line'></div>"); gridhtmlarr.push(" <div class='l-grid-popup'><table cellpadding='0' cellspacing='0'><tbody></tbody></table></div>"); gridhtmlarr.push(" <div class='l-grid-header'>"); gridhtmlarr.push(" <div class='l-grid-header-inner'><table class='l-grid-header-table' cellpadding='0' cellspacing='0'><tbody><tr></tr></tbody></table></div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" <div class='l-grid-body l-scroll'>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" <div class='l-panel-bar'>"); gridhtmlarr.push(" <div class='l-panel-bbar-inner'>"); gridhtmlarr.push(" <div class='l-bar-group l-bar-selectpagesize'></div>"); gridhtmlarr.push(" <div class='l-bar-separator'></div>"); gridhtmlarr.push(" <div class='l-bar-group'>"); gridhtmlarr.push(" <div class='l-bar-button l-bar-btnfirst'><span></span></div>"); gridhtmlarr.push(" <div class='l-bar-button l-bar-btnprev'><span></span></div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" <div class='l-bar-separator'></div>"); gridhtmlarr.push(" <div class='l-bar-group'><span class='pcontrol'> <input type='text' size='4' value='1' style='width:20px' maxlength='3' /> / <span></span></span></div>"); gridhtmlarr.push(" <div class='l-bar-separator'></div>"); gridhtmlarr.push(" <div class='l-bar-group'>"); gridhtmlarr.push(" <div class='l-bar-button l-bar-btnnext'><span></span></div>"); gridhtmlarr.push(" <div class='l-bar-button l-bar-btnlast'><span></span></div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" <div class='l-bar-separator'></div>"); gridhtmlarr.push(" <div class='l-bar-group'>"); gridhtmlarr.push(" <div class='l-bar-button l-bar-btnload'><span></span></div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" <div class='l-bar-separator'></div>"); gridhtmlarr.push(" <div class='l-bar-group l-bar-right'><span class='l-bar-text'></span></div>"); gridhtmlarr.push(" <div class='l-clear'></div>"); gridhtmlarr.push(" </div>"); gridhtmlarr.push(" </div>"); $(grid).html(gridhtmlarr.join('')); var g = { //刷新数据 loadData: function(loadService) { //参数初始化 if (!p.newPage) p.newPage = 1; if (p.dataAction == "server") { if (!p.sortOrder) p.sortOrder = "asc"; } var param = []; if(p.parms && p.parms.length) { $(p.parms).each(function() { param.push({ name: this.name, value: this.value }); }); } if (p.dataAction == "server") { if (p.usePager) { param.push({ name: p.pageParmName, value: p.newPage }); param.push({ name: p.pagesizeParmName, value: p.pageSize }); } if (p.sortName) { param.push({ name: p.sortnameParmName, value: p.sortName }); param.push({ name: p.sortorderParmName, value: p.sortOrder }); } }; //loading状态 g.gridloading.show(); $(".l-bar-btnload span",g.toolbar).addClass("l-disabled"); this.loading = true; if (p.dataType == "local") { if (!g.data) g.data = $.extend({}, p.data); if (p.usePager) g.currentData = g.getCurrentPageData(g.data); else { g.currentData = $.extend({}, g.data); } g.showData(g.currentData); } else if (p.dataAction == "local" && g.data && g.data.Rows && g.data.Rows.length && !loadService) { g.currentData = g.getCurrentPageData(g.data); g.showData(g.currentData); } else { //请求服务器 $.ajax({ type: p.method, url: p.url, data: param, async:false, dataType: 'json', success: function(data) { g.data = $.extend({}, data); if (p.dataAction == "server") { g.currentData = g.data; g.showData(g.currentData); } else { g.currentData = g.getCurrentPageData(g.data); g.showData(g.currentData); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { g.gridloading.hide(); $(".l-bar-btnload span",g.toolbar).removeClass("l-disabled"); try { if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown); } catch (e) { } } }); } }, setOptions:function(parms) { $.extend(p, parms); if(parms.data) { g.data = $.extend({}, parms.data); p.dataType = "local"; } }, showData: function(data) { //加载中 $('.l-bar-btnloading:first', this.toolbar).removeClass('l-bar-btnloading'); g.gridloading.hide(); if(!data || !data[p.root]) return ; if (p.onBeforeShowData && p.onBeforeShowData(grid,data) == false) { return false; } g.isDataChanged = false; $(".l-bar-btnload:first span",g.toolbar).removeClass("l-disabled"); this.loading = false; if (p.usePager) { //更新分页 p.total = data[p.record]; p.page = p.newPage; p.pageCount = Math.ceil(p.total / p.pageSize); this.buildPager(); } //清空数据 g.gridbody.html(""); //$(".l-grid-row,.l-grid-detailpanel,.l-grid-totalsummary", g.gridbody).remove(); //加载数据 var gridhtmlarr = ['<div class="l-grid-body-inner"><table class="l-grid-body-table" cellpadding=0 cellspacing=0><tbody>']; var rowlenth = data[p.root].length; $(data[p.root]).each(function(i, item) { if (!item) return; if (!p.usePager && i == rowlenth - 1 && !g.isTotalSummary()) gridhtmlarr.push('<tr class="l-grid-row l-grid-row-last'); else gridhtmlarr.push('<tr class="l-grid-row'); if(i%2 == 1 && p.alternatingRow) gridhtmlarr.push(' l-grid-row-alt'); gridhtmlarr.push('" '); if(p.rowAttrRender) gridhtmlarr.push(p.rowAttrRender(item,i)); gridhtmlarr.push(' rowindex="' + i + '">'); $(g.headers).each(function(headerCellIndex,headerInfor) { //如果是复选框(系统列) if(this.ischeckbox) { gridhtmlarr.push('<td class="l-grid-row-cell l-grid-row-cell-checkbox" style="width:'+this.width+'px"><div class="l-grid-row-cell-inner"><span class="l-grid-row-cell-btn-checkbox"></span></div></td>'); return; } //如果是明细列(系统列) else if (this.isdetail) { gridhtmlarr.push('<td class="l-grid-row-cell l-grid-row-cell-detail" style="width:'+this.width+'px"><div class="l-grid-row-cell-inner"><span class="l-grid-row-cell-detailbtn"></span></div></td>'); return; } var column = p.columns[this.columnindex]; var colwidth = this.width; if (!this.islast) gridhtmlarr.push('<td class="l-grid-row-cell" columnindex="' + this.columnindex + '" '); else gridhtmlarr.push('<td class="l-grid-row-cell l-grid-row-cell-last" columnindex="' + this.columnindex + '" '); if(this.columnname) gridhtmlarr.push('columnname="'+this.columnname+'"'); gridhtmlarr.push(' style = "'); gridhtmlarr.push('width:'+ colwidth +'px" '); if(p.fixedCellHeight) gridhtmlarr.push('><div class="l-grid-row-cell-inner l-grid-row-cell-inner-fixedheight" '); else gridhtmlarr.push('><div class="l-grid-row-cell-inner" '); gridhtmlarr.push(' style = "width:'+parseInt(colwidth-8)+'px; '); if(column && column.align) gridhtmlarr.push('text-align:'+column.align+';'); var content = ''; if (column && column.render) { content = column.render(item, i,item[this.columnname]); } else if (this.columnname) { if (column.type && column.type == "date") { var date = p.renderDate(item[this.columnname]); item[this.columnname] = date; if (date != null) { if (column.format) content = g.getFormatDate(date, column.format); else content = g.getFormatDate(date, p.dateFormat); } } else { content = item[this.columnname]; } } gridhtmlarr.push('">'+content + '</div></td>'); }); gridhtmlarr.push('</tr>'); }); gridhtmlarr.push('</tbody></table></div>'); g.gridbody.html(gridhtmlarr.join('')); //创建汇总行 g.bulidTotalSummary(); $("> div:first",g.gridbody).width(g.gridtablewidth); g.onResize(); //表体 - 行经过事件 $("tbody:first > .l-grid-row", g.gridbody).each(function(){g.setRowEven(this);}); if (p.onAfterShowData) { p.onAfterShowData(grid,data); } }, setRowEven : function(rowobj) { $(rowobj).hover(function(e) { if(!p.mouseoverRowCssClass) $(this).addClass(p.mouseoverRowCssClass); }, function(e) { if(!p.mouseoverRowCssClass) $(this).removeClass(p.mouseoverRowCssClass); }).click(function(e) { if(p.checkbox) { var row = $(this); var index = row.attr('rowindex'); var uncheck = row.hasClass("l-checked"); if(p.onBeforeCheckRow) { if(p.onBeforeCheckRow(!uncheck,g.getRowByRowIndex(index),row,index) == false) return false; } if(uncheck) row.removeClass("l-checked"); else row.addClass("l-checked"); p.onCheckRow && p.onCheckRow(!uncheck,g.getRowByRowIndex(index),row,index); return ; } var index = $(this).attr('rowindex'); if ($(this).hasClass("l-selected")) { if(!p.allowUnSelectRow) { $(this).addClass("l-selected-again"); return ; } $(this).removeClass("l-selected l-selected-again"); if(p.onUnSelectRow) { p.onUnSelectRow(g.getRowByRowIndex(index),this,index); } } else { $(this).siblings(".l-selected").each(function(){ if(p.allowUnSelectRow || $(this).hasClass("l-selected-again")) g.endEdit(); $(this).removeClass("l-selected l-selected-again"); }); $(this).addClass("l-selected"); if(p.onSelectRow) { p.onSelectRow(g.getRowByRowIndex(index),this,index); } } }).dblclick(function(){ var index = $(this).attr('rowindex'); if (p.onDblClickRow){ p.onDblClickRow(this, index , g.getRowByRowIndex(index)); } }); }, applyEditor: function(obj) { if (obj.href || obj.type) return true; var rowcell; if ($(obj).hasClass("l-grid-row-cell")) rowcell = obj; else if ($(obj).parent().hasClass("l-grid-row-cell")) rowcell = $(obj).parent()[0]; if (!rowcell) return; var row = $(rowcell).parent(); var rowindex = $(row).attr("rowindex"); var columnindex = $(rowcell).attr("columnindex"); var columnname = $(rowcell).attr("columnname"); var column = p.columns[columnindex]; var left = $(rowcell).offset().left - g.body.offset().left; var top = $(rowcell).offset().top - $(grid).offset().top; var rowdata = g.getRowByRowIndex(rowindex); var currentdata = rowdata[columnname]; g.grideditor.css({ left: left, top: top, width: $(rowcell).css('width'), height: $(rowcell).css('height') }).html(""); g.grideditor.editingCell = null; if (column.editor && column.editor.type == 'date') { var $inputText = $("<input type='text'/>"); g.grideditor.append($inputText); $inputText.val(g.getFormatDate(currentdata, p.dateFormat)); $inputText.ligerDateEditor( { width: $(rowcell).width(), onChangeDate: function(newValue) { g.grideditor.editingValue = newValue; $(rowcell).addClass("l-grid-row-cell-edited"); $(obj).html(newValue); g.updateData(rowcell, newValue); } } ); g.grideditor.editingCell = rowcell; g.grideditor.show(); } else if (column.editor && column.editor.type == 'select') { var $inputText = $("<input type='text'/>"); g.grideditor.append($inputText); $inputText.val(currentdata); var options = { width: $(rowcell).width(), data: column.editor.data, isMultiSelect: false, onSelected: function(newValue, newText) { g.grideditor.editingValue = newValue; $(rowcell).addClass("l-grid-row-cell-edited"); if (column.editor.valueColumnName && columnname) g.currentData[p.root][rowindex][columnname] = newText; g.updateData(rowcell, newValue); if (column.editor.render) $(obj).html(column.editor.render(g.currentData[p.root][rowindex])); else $(obj).html(newText); } }; if (column.editor.dataValueField) options.valueField = column.editor.dataValueField; if (column.editor.dataDisplayField) options.displayField = options.textField = column.editor.dataDisplayField; if (column.editor.valueColumnName) options.initValue = g.currentData[p.root][rowindex][column.editor.valueColumnName]; else if (columnname) options.initText = g.currentData[p.root][rowindex][columnname]; $inputText.ligerComboBox(options); g.grideditor.editingCell = rowcell; g.grideditor.show(); } else if (column.editor && column.editor.type == 'int') { var $inputText = $("<input type='text'/>"); g.grideditor.append($inputText); $inputText.attr({ style: 'border:#6E90BE' }).val(currentdata); $inputText.ligerSpinner( { width: $(rowcell).width(), height: $(rowcell).height(), type: 'int', onChangeValue: function(newValue) { g.grideditor.editingValue = newValue; $(rowcell).addClass("l-grid-row-cell-edited"); $(obj).html(newValue); g.updateData(rowcell, newValue); } } ); g.grideditor.editingCell = rowcell; g.grideditor.show(); } else if (column.editor && (column.editor.type == 'string' || column.editor.type == 'text')) { var $inputText = $("<input type='text' class='l-text-editing'/>"); g.grideditor.append($inputText); $inputText.val(currentdata); $inputText.ligerTextBox( { width: $(rowcell).width()-1, height: $(rowcell).height(), onChangeValue: function(newValue) { g.grideditor.editingValue = newValue; $(rowcell).addClass("l-grid-row-cell-edited"); g.updateData(rowcell, newValue); if (column.render) $(obj).html(column.render(g.currentData[p.root][rowindex],rowindex,g.currentData[p.root][rowindex][columnname])); else $(obj).html(newValue); } } ).bind('keydown', function (e) { var key = e.which; if (key == 13) { $inputText.trigger("change"); g.endEdit(); } }); $inputText.parent().addClass("l-text-editing"); g.grideditor.editingCell = rowcell; g.grideditor.show(); } else if (column.editor && (column.editor.type == 'chk' || column.editor.type == 'checkbox')) { var $input = $("<input type='checkbox'/>"); g.grideditor.append($input); $input[0].checked = currentdata==1 ? true : false; $input.ligerCheckBox(); $input.change(function(){ g.updateData(rowcell, this.checked?1:0); if (column.render) $(obj).html(column.render(g.currentData[p.root][rowindex],rowindex,g.currentData[p.root][rowindex][columnname])); else $(obj).html(this.checked?'Y':'N'); }); g.grideditor.editingCell = rowcell; g.grideditor.show(); } }, endEdit:function(){ var cell = g.grideditor.editingCell; var value = g.grideditor.editingValue; g.grideditor.html("").hide(); if (p.onAfterEdit) p.onAfterEdit(value,cell); }, getFormatDate: function(date, dateformat) { if (date == "NaN") return null; var format = dateformat; var o = { "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), "q+": Math.floor((date.getMonth() + 3) / 3), "S": date.getMilliseconds() } if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (date.getFullYear() + "") .substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); } } return format; }, deleteSelectedRow: function() { var row = $(".l-selected", g.gridbody); g.deleteRow(row); }, deleteRow: function(row) { g.popup.hide(); g.endEdit(); var rowindex = row.attr("rowindex"); $(row).remove(); g.deleteData(rowindex); g.isDataChanged = true; }, deleteData: function(rowindex) { g.currentData[p.root][rowindex][p.statusName] = 'delete'; }, updateData: function(cell, value) { var columnindex = $(cell).attr("columnindex"); var column = p.columns[columnindex]; var columnname = column.name; var row = $(cell).parents(".l-grid-row:eq(0)"); var rowindex = row.attr("rowindex"); if (column.type && column.type == 'int') g.currentData[p.root][rowindex][columnname] = parseInt(value); else if (column && column.editor && column.editor.type == 'select') g.currentData[p.root][rowindex][column.editor.valueColumnName ? column.editor.valueColumnName : columnname] = value; else g.currentData[p.root][rowindex][columnname] = value; if (g.currentData[p.root][rowindex][p.statusName] == undefined) g.currentData[p.root][rowindex][p.statusName] = 'update'; g.isDataChanged = true; }, addRow: function() { var rowindex = g.currentData[p.root].length; g.currentData[p.root][rowindex] = {}; var rowdata = g.currentData[p.root][rowindex]; if (!p.usePager && !g.isTotalSummary()) $("tbody:first > .l-grid-row:last", g.gridbody).removeClass("l-grid-row-last"); var row = $("<tr class='l-grid-row' rowindex='" + rowindex + "'></tr>"); if($("tbody",g.gridbody).length==0) { g.gridbody.html('<div class="l-grid-body-inner"><table class="l-grid-body-table" cellpadding=0 cellspacing=0><tbody></tbody></table></div>'); } $("tbody:first",g.gridbody).append(row); if (!p.usePager && !g.isTotalSummary()) row.addClass("l-grid-row-last"); var celllength = $("tr > .l-grid-hd-cell", g.gridheader).length; $("tr > .l-grid-hd-cell", g.gridheader).each(function(headerCellIndex, headerCell) { var columnname = $(headerCell).attr("columnname"); var columnindex = $(headerCell).attr("columnindex"); var column = p.columns[columnindex]; var rowCell = $("<td class='l-grid-row-cell' columnindex='" + columnindex + "'><div class='l-grid-row-cell-inner'></div></td>"); if (celllength == headerCellIndex + 1) rowCell.addClass("l-grid-row-cell-last"); if (columnname) { rowdata[columnname] = ""; if (column.type && column.type == 'int') rowdata[columnname] = 0; rowCell.attr({ columnname: columnname }); } $(".l-grid-row-cell-inner", rowCell).html(rowdata[columnname]); row.append(rowCell); rowCell.css('width', $(headerCell).css('width')); if (column.align) $(".l-grid-row-cell-inner", rowCell).css({ textAlign: column.align }); if ($(headerCell).is(":visible") == false) rowCell.hide(); }); rowdata[p.statusName] = 'add'; //添加事件 g.setRowEven(row[0]); //标识状态 g.isDataChanged = true; }, getData: function() { if (g.currentData == null) return null; return g.currentData[p.root]; }, getCurrentPageData: function(jsonObj) { var data = { Rows: new Array() }; if(!jsonObj || !jsonObj[p.root] || !jsonObj[p.root].length) { data[p.record] = 0; return data; } data[p.record] = jsonObj[p.root].length ? jsonObj[p.root].length : 0; if (!p.newPage) p.newPage = 1; for (i = (p.newPage - 1) * p.pageSize; i < jsonObj[p.root].length && i < p.newPage * p.pageSize; i++) { var obj = $.extend({}, jsonObj[p.root][i]); data[p.root].push(obj); } return data; }, getColumn: function(columnname) { for (i = 0; i < p.columns.length; i++) { if (p.columns[i].name == columnname) { return p.columns[i]; } } return null; }, getColumnType: function(columnname) { for (i = 0; i < p.columns.length; i++) { if (p.columns[i].name == columnname) { if (p.columns[i].type) return p.columns[i].type; return "string"; } } return null; }, //比较某一列两个数据 compareData: function(data1, data2, columnName, columnType) { switch (columnType) { case "int": return parseInt(data1[columnName]) < parseInt(data2[columnName]) ? -1 : parseInt(data1[columnName]) > parseInt(data2[columnName]) ? 1 : 0; case "float": return parseFloat(data1[columnName]) < parseFloat(data2[columnName]) ? -1 : parseFloat(data1[columnName]) > parseFloat(data2[columnName]) ? 1 : 0; case "string": return data1[columnName].localeCompare(data2[columnName]); case "date": return data1[columnName] < data2[columnName] ? -1 : data1[columnName] > data2[columnName] ? 1 : 0; } return data1[columnName].localeCompare(data2[columnName]); }, //是否包含汇总 isTotalSummary: function() { for (var i = 0; i < p.columns.length; i++) { if (p.columns[i].totalSummary) return true; } return false; }, bulidTotalSummary: function() { if (!g.isTotalSummary()) return false; if (!g.currentData || g.currentData[p.root].length == 0) return false; if (g.gridbody.totalsummary) g.gridbody.totalsummary.remove(); g.gridbody.totalsummary = $("<tr class='l-grid-totalsummary'></tr>"); if (!p.usePager) g.gridbody.totalsummary.addClass("l-grid-totalsummary-nobottom"); $("tbody:first",g.gridbody).append(g.gridbody.totalsummary); $(g.headers).each(function() { var cell = $("<td class='l-grid-totalsummary-cell'><div class='l-grid-totalsummary-cell-inner'></div></td>"); g.gridbody.totalsummary.append(cell); cell.css('width', this.width); if(this.islast) cell.addClass("l-grid-totalsummary-cell-last"); columnname = this.columnname; columnindex = this.columnindex; if (columnname) { $("div:first",cell).attr({ columnname: columnname }); } if (!columnindex) return; cell.attr({ columnindex: columnindex }); var column = p.columns[columnindex]; if (column.align) $(".l-grid-totalsummary-cell-inner", cell).css({ textAlign: column.align }); if (column.totalSummary) { var isExist = function(type) { for (var i = 0; i < types.length; i++) if (types[i].toLowerCase() == type.toLowerCase()) return true; return false; }; var sum = 0, count = 0, avg = 0; var max = parseFloat(g.currentData[p.root][0][column.name]); var min = parseFloat(g.currentData[p.root][0][column.name]); for (var i = 0; i < g.currentData[p.root].length; i++) { var value = parseFloat(g.currentData[p.root][i][column.name]); sum += value; count += 1; if (value > max) max = value; if (value < min) min = value; } avg = sum * 1.0 / g.currentData[p.root].length; if(column.totalSummary.render) { var renderhtml = column.totalSummary.render({ sum:sum, count:count, avg:avg, min:min, max:max },column,cell); $(".l-grid-totalsummary-cell-inner:first", cell).append(renderhtml); } else if (column.totalSummary.type) { var types = column.totalSummary.type.split(','); if (isExist('sum')) $(".l-grid-totalsummary-cell-inner:first", cell).append("<div>Sum=" + sum.toFixed(2) + "</div>"); if (isExist('count')) $(".l-grid-totalsummary-cell-inner:first", cell).append("<div>Count=" + count + "</div>"); if (isExist('max')) $(".l-grid-totalsummary-cell-inner:first", cell).append("<div>Max=" + max.toFixed(2) + "</div>"); if (isExist('min')) $(".l-grid-totalsummary-cell-inner:first", cell).append("<div>Min=" + min.toFixed(2) + "</div>"); if (isExist('avg')) $(".l-grid-totalsummary-cell-inner:first", cell).append("<div>Avg=" + avg.toFixed(2) + "</div>"); } if(column.totalSummary.align) { $(".l-grid-totalsummary-cell-inner:first", cell).css("textAlign",column.totalSummary.align); } } }); }, //改变排序 changeSort: function(columnName, sortOrder) { if (this.loading) return true; if (p.dataAction == "local") { var columnType = g.getColumnType(columnName); if (!g.sortedData) g.sortedData = $.extend({}, g.data); if (p.sortName == columnName) { g.sortedData[p.root].reverse(); } else { g.sortedData[p.root].sort(function(data1, data2) { return g.compareData(data1, data2, columnName, columnType); }); } if (p.usePager) g.currentData = g.getCurrentPageData(g.sortedData); else g.currentData = g.sortedData; g.showData(g.currentData); } p.sortName = columnName; p.sortOrder = sortOrder; if (p.dataAction == "server") { g.loadData(); } }, //改变分页 changePage: function(ctype) { if (this.loading) return true; if (g.isDataChanged && !confirm(p.isContinueByDataChanged)) return false; //计算新page switch (ctype) { case 'first': if (p.page == 1) return; p.newPage = 1; break; case 'prev': if (p.page == 1) return; if (p.page > 1) p.newPage = parseInt(p.page) - 1; break; case 'next': if (p.page >= p.pageCount) return; p.newPage = parseInt(p.page) + 1; break; case 'last': if (p.page >= p.pageCount) return; p.newPage = p.pageCount; break; case 'input': var nv = parseInt($('.pcontrol input', this.toolbar).val()); if (isNaN(nv)) nv = 1; if (nv < 1) nv = 1; else if (nv > p.pageCount) nv = p.pageCount; $('.pcontrol input', this.toolbar).val(nv); p.newPage = nv; break; } if (p.newPage == p.page) return false; if(p.newPage==1) { $(".l-bar-btnfirst span",g.toolbar).addClass("l-disabled"); $(".l-bar-btnprev span",g.toolbar).addClass("l-disabled"); } else { $(".l-bar-btnfirst span",g.toolbar).removeClass("l-disabled"); $(".l-bar-btnprev span",g.toolbar).removeClass("l-disabled"); } if(p.newPage == p.pageCount) { $(".l-bar-btnlast span",g.toolbar).addClass("l-disabled"); $(".l-bar-btnnext span",g.toolbar).addClass("l-disabled"); } else { $(".l-bar-btnlast span",g.toolbar).removeClass("l-disabled"); $(".l-bar-btnnext span",g.toolbar).removeClass("l-disabled"); } if (p.onChangePage) p.onChangePage(p.newPage); if (p.dataAction == "server") { this.loadData(); } else { g.currentData = g.getCurrentPageData(g.data); g.showData(g.currentData); } }, buildPager: function() { $('.pcontrol input', this.toolbar).val(p.page); $('.pcontrol span', this.toolbar).html(p.pageCount); var r1 = parseInt((p.page - 1) * p.pageSize) + 1.0; var r2 = parseInt(r1) + parseInt(p.pageSize) - 1; if (p.total < r2) r2 = p.total; var stat = p.pageStatMessage; stat = stat.replace(/{from}/, r1); stat = stat.replace(/{to}/, r2); stat = stat.replace(/{total}/, p.total); $('.l-bar-text', this.toolbar).html(stat); if(p.page==1) { $(".l-bar-btnfirst span",g.toolbar).addClass("l-disabled"); $(".l-bar-btnprev span",g.toolbar).addClass("l-disabled"); } else { $(".l-bar-btnfirst span",g.toolbar).removeClass("l-disabled"); $(".l-bar-btnprev span",g.toolbar).removeClass("l-disabled"); } if(p.page == p.pageCount) { $(".l-bar-btnlast span",g.toolbar).addClass("l-disabled"); $(".l-bar-btnnext span",g.toolbar).addClass("l-disabled"); } else { $(".l-bar-btnlast span",g.toolbar).removeClass("l-disabled"); $(".l-bar-btnnext span",g.toolbar).removeClass("l-disabled"); } }, getCheckedRows: function() { var rows = $("tbody:first > .l-checked", g.gridbody); var rowdata = []; $("tbody:first > .l-checked", g.gridbody).each(function(i,row){ var rowindex = $(row).attr("rowindex"); rowdata.push(g.getRowByRowIndex(parseInt(rowindex))); }); return rowdata; }, getSelectedRow: function() { var row = $("tbody:first > .l-selected", g.gridbody); var rowindex = row.attr("rowindex"); return g.getRowByRowIndex(parseInt(rowindex)); }, getRowByRowIndex: function(rowindex) { if (g.currentData == null) return null; return g.currentData[p.root][rowindex]; }, onResize: function() { if (p.height && p.height != 'auto') { var windowHeight = $(window).height(); //if(g.windowHeight != undefined && g.windowHeight == windowHeight) return; var h = 0; var parentHeight = null; if (typeof(p.height) == "string" && p.height.indexOf('%') > 0) { var gridparent = $(grid).parent(); if (p.InWindow || gridparent[0].tagName.toLowerCase() == "body") { parentHeight = windowHeight; parentHeight -= parseInt($('body').css('paddingTop')); parentHeight -= parseInt($('body').css('paddingBottom')); } else{ parentHeight = gridparent.height(); } h = parentHeight * parseFloat(p.height) * 0.01; if(p.InWindow || gridparent[0].tagName.toLowerCase() == "body") h -= ($(grid).offset().top - parseInt($('body').css('paddingTop'))); } else { h = parseInt(p.height); } h += p.heightDiff; g.windowHeight = windowHeight; g.setHeight(h); } }, setHeight : function(h) { if(p.title) h -= 24; if(p.usePager) h -= 32; h -= 22; h>0 && g.gridbody.height(h); }, dragStart: function(dragtype, e, toDragHeaderIndex) { if (dragtype == 'colresize') //列宽调整 { var columnindex = g.headers[g.toDragHeaderIndex].columnindex; var width = g.headers[g.toDragHeaderIndex].width; if (columnindex == undefined) return; g.colresize = { startX: e.pageX, width: width, columnindex: columnindex }; $('body').css('cursor', 'e-resize'); g.draggingline.css({ height: g.body.height(), left: e.pageX - $(grid).offset().left + parseInt(g.body[0].scrollLeft), top: 0 }).show(); $('body').bind('selectstart', function () { return false; }); } $.fn.ligerNoSelect && $('body').ligerNoSelect(); }, dragMove: function(e) { if (g.colresize) //列 调整 { var diff = e.pageX - g.colresize.startX; var newwidth = g.colresize.width + diff; g.colresize.newwidth = newwidth; $('body').css('cursor', 'e-resize'); g.draggingline.css({ left: e.pageX - $(grid).offset().left + parseInt(g.body[0].scrollLeft) }); $('body').unbind('selectstart'); } }, dragEnd: function(e) { if (g.colresize) { if(g.colresize.newwidth == undefined){ $('body').css('cursor', 'default'); return false; } var mincolumnwidth = 80; var columnindex = g.colresize.columnindex; var column = p.columns[columnindex]; if (column && column.minWidth) mincolumnwidth = column.minWidth; var newwidth = g.colresize.newwidth; newwidth = newwidth < mincolumnwidth ? mincolumnwidth : newwidth; var diff = newwidth - g.colresize.width; g.headers[g.toDragHeaderIndex].width += diff; g.gridtablewidth += diff; $("div:first",g.gridheader).width(g.gridtablewidth+40); $("div:first",g.gridbody).width(g.gridtablewidth); $('.l-grid-hd-cell[columnindex=' + columnindex + ']', this.gridheader).css('width', newwidth); $('tbody:first > .l-grid-row > td[columnindex='+columnindex+'],tbody:first > .l-grid-totalsummary > td[columnindex='+columnindex+']', this.gridbody).each(function(){ $(this).css('width', newwidth); $("div:first",this).css('width', newwidth-8); }); g.onResize(); g.draggingline.hide(); g.colresize = false; } $('body').css('cursor', 'default'); $.fn.ligerNoSelect && $('body').ligerNoSelect(false); }, onClick: function(e) { var obj = (e.target || e.srcElement); var tagName = obj.tagName.toLowerCase(); if (g.grideditor.editingCell) { if (tagName == 'html' || tagName == 'body' || $(obj).hasClass("l-grid-body") || $(obj).hasClass("l-grid-row")) { g.endEdit(); } } if (p.allowHideColumn) { if (tagName == 'html' || tagName == 'body' || $(obj).hasClass("l-grid-body") || $(obj).hasClass("l-grid-row") || $(obj).hasClass("l-grid-row-cell-inner") || $(obj).hasClass("l-grid-header")) { g.popup.hide(); } } }, toggleCol: function(columnindex, visible) { var headercell = $(".l-grid-hd-cell[columnindex='" + columnindex + "']", this.gridheader); if (!headercell) return; if (visible) { headercell.show(); $(".l-grid-row-cell[columnindex='" + columnindex + "']", this.gridbody).show(); } else { headercell.hide(); $(".l-grid-row-cell[columnindex='" + columnindex + "']", this.gridbody).hide(); } } }; //头部 g.header = $(".l-panel-header:first", grid); //主体 g.body = $(".l-panel-body:first", grid); //底部工具条 g.toolbar = $(".l-panel-bar:first", grid); //显示/隐藏列 g.popup = $(".l-grid-popup:first", grid); //编辑层 g.grideditor = $(".l-grid-editor:first", grid); //加载中 g.gridloading = $(".l-grid-loading:first", grid); //调整列宽层 g.draggingline = $(".l-grid-dragging-line", grid); //表头 g.gridheader = $(".l-grid-header:first", grid); //表主体 g.gridbody = $(".l-grid-body:first", grid); g.currentData = null; p.cssClass && $(grid).addClass(p.cssClass); /*-------------------------------- --------------创建头部------------ ---------------------------------*/ if (p.title) $(".l-panel-header-text", g.header).html(p.title); else g.header.hide(); /*---------------------------------- --------------创建表头-------------- ----------------------------------*/ g.headers = []; g.gridtablewidth = 0; //如果有复选框列 if(p.checkbox) { var headerCell = $("<td class='l-grid-hd-cell l-grid-hd-cell-checkbox'><div class='l-grid-hd-cell-inner'><div class='l-grid-hd-cell-text l-grid-hd-cell-btn-checkbox'></div></td>"); headerCell.css({ width: 27 }); $("tr:first", g.gridheader).append(headerCell); g.headers.push({ width : 27, ischeckbox : true }); g.gridtablewidth += 28; } //如果有明细,创建列 if (p.detail && p.detail.onShowDetail) { var detailHeaderCell = $("<td class='l-grid-hd-cell l-grid-hd-cell-detail'><div class='l-grid-hd-cell-inner'><div class='l-grid-hd-cell-text'></div></td>"); detailHeaderCell.css({ width: 29 }); $("tr:first", g.gridheader).append(detailHeaderCell); g.headers.push({ width : 29, isdetail : true }); g.gridtablewidth += 30; } $(p.columns).each(function(i, item) { var $headerCell = $("<td class='l-grid-hd-cell' columnindex='" + i + "'><div class='l-grid-hd-cell-inner'><span class='l-grid-hd-cell-text'> </span></div></td>"); if (i == p.columns.length - 1) { //$(".l-grid-hd-cell-drophandle", $headerCell).remove(); $headerCell.addClass("l-grid-hd-cell-last"); } if (item.name) $headerCell.attr({ columnname: item.name }); if (item.isSort != undefined) $headerCell.attr({ isSort: item.isSort }); if (item.isAllowHide != undefined) $headerCell.attr({ isAllowHide: item.isAllowHide }); var headerText = ""; if (item.display && item.display != "") headerText = item.display; else if (item.headerRender) headerText = item.headerRender(item); else headerText = " "; $(".l-grid-hd-cell-text", $headerCell).html(headerText); //$headerCell.prepend(headerText); $("tr:first", g.gridheader).append($headerCell); var colwidth = item.width; if (item.minWidth) { if (item.width && item.width > item.minWidth) colwidth = item.width; else colwidth = item.minWidth; } else if (item.width) { colwidth = item.width; } else if (p.columnWidth) { colwidth = p.columnWidth; } g.gridtablewidth += colwidth+1; $headerCell.width(colwidth); g.headers.push({ width : colwidth, columnname : item.name, columnindex : i, islast : i == p.columns.length - 1, isdetail : false }); }); $("div:first",g.gridheader).width(g.gridtablewidth+40); //创建 显示/隐藏 列 列表 $("tr:first .l-grid-hd-cell", g.gridheader).each(function(i, td) { if ($(this).hasClass("l-grid-hd-cell-detail")) return; var isAllowHide = $(this).attr("isAllowHide"); if (isAllowHide != undefined && isAllowHide.toLowerCase() == "false") return; var chk = 'checked="checked"'; var columnindex = $(this).attr("columnindex"); var columnname = $(this).attr("columnname"); if (!columnindex || !columnname) return; var header = $(".l-grid-hd-cell-text", this).html(); if (this.style.display == 'none') chk = ''; $('tbody', g.popup).append('<tr><td class="l-column-left"><input type="checkbox" ' + chk + ' class="l-checkbox" columnindex="' + columnindex + '"/></td><td class="l-column-right">' + header + '</td></tr>'); }); $.fn.ligerCheckBox && $('input:checkbox', g.popup).ligerCheckBox( { onBeforeClick: function(obj) { if (!obj.checked) return true; if ($('input:checked', g.popup).length <= p.minColToggle) return false; return true; } }); //创建 显示/隐藏 列 $(".l-grid-hd-cell",g.gridheader).bind("contextmenu",function(e) { if (g.colresize) return true; if (!p.allowHideColumn) return true; var columnindex = $(this).attr("columnindex"); if(columnindex == undefined) return true; var left = (e.pageX - g.body.offset().left + parseInt(g.body[0].scrollLeft)); if(columnindex== p.columns.length-1) left-= 80; g.popup.css({ left: left, top: g.gridheader.height() + 1 }); g.popup.toggle(); return false; } ); /*---------------------------------- ----------宽度高度初始化------------ ----------------------------------*/ if(p.isScroll == false) p.height = 'auto'; if (p.height == 'auto') { g.gridbody.height('auto'); } if (p.width) { $(grid).width(p.width); } g.onResize(); /*---------------------------------- --------------创建表体-------------- ----------------------------------*/ g.loadData(); /*---------------------------------------- --------------创建底部工具条-------------- ----------------------------------------*/ if (p.usePager) { //创建底部工具条 - 选择每页显示记录数 var optStr = ""; var selectedIndex = -1; $(p.pageSizeOptions).each(function(i, item) { var selectedStr = ""; if (p.pageSize == item) selectedIndex = i; optStr += "<option value='" + item + "' " + selectedStr + " >" + item + "</option>"; }); $('.l-bar-selectpagesize', g.toolbar).append("<select name='rp'>" + optStr + "</select>"); if (selectedIndex != -1) $('.l-bar-selectpagesize select', g.toolbar)[0].selectedIndex = selectedIndex; if (p.switchPageSizeApplyComboBox && $.fn.ligerComboBox) { $(".l-bar-selectpagesize select", g.toolbar).ligerComboBox( { onBeforeSelect: function() { if (g.isDataChanged && !confirm(p.isContinueByDataChanged)) return false; return true; }, width: 45 }); } //创建底部工具条 - 各个按钮状态 //创建底部工具条 - 当前页数 //创建底部工具条 - 当前分页信息 } else { g.toolbar.hide(); } /*---------------------------------- ------------创建Loading------------ ----------------------------------*/ g.gridloading.html(p.loadingMessage); /*---------------------------------- --------------创建事件-------------- ----------------------------------*/ g.header.click(function() { g.popup.hide(); g.endEdit(); }); //表头 - 经过和点击事件 $(".l-grid-hd-cell", g.gridheader).hover(function() { }, function() { }).mousedown(function(e) { if(g.colresize) return false; //如果正在调整列宽 }); $(".l-grid-hd-cell-text",g.gridheader).click(function(e) { var obj = (e.target || e.srcElement); var row = $(this).parent().parent(); if (!row.attr("columnname")) return; if(g.colresize) return false; //如果正在调整列宽 if(!p.enabledSort) return ; if (row.attr("isSort") != undefined && row.attr("isSort").toLowerCase() == "false") return; if (g.isDataChanged && !confirm(p.isContinueByDataChanged)) return false; var sort = $(".l-grid-hd-cell-sort", row); var columnName = $(row).attr("columnname"); if (sort.length > 0) { if (sort.hasClass("l-grid-hd-cell-sort-asc")) { sort.removeClass("l-grid-hd-cell-sort-asc").addClass("l-grid-hd-cell-sort-desc"); row.removeClass("l-grid-hd-cell-asc").addClass("l-grid-hd-cell-desc"); g.changeSort(columnName, 'desc'); } else if (sort.hasClass("l-grid-hd-cell-sort-desc")) { sort.removeClass("l-grid-hd-cell-sort-desc").addClass("l-grid-hd-cell-sort-asc"); row.removeClass("l-grid-hd-cell-desc").addClass("l-grid-hd-cell-asc"); g.changeSort(columnName, 'asc'); } } else { row.removeClass("l-grid-hd-cell-desc").addClass("l-grid-hd-cell-asc"); $(this).after("<span class='l-grid-hd-cell-sort l-grid-hd-cell-sort-asc'> </span>"); g.changeSort(columnName, 'asc'); } $(".l-grid-hd-cell-sort", row.siblings()).remove(); return false; }); g.gridheader.click(function() { g.endEdit(); }); //调整列宽 if (p.allowAdjustColWidth) { g.gridheader.mousemove(function(e) { if(g.colresize) return; //如果正在调整列宽 var posLeft = e.pageX - $(grid).offset().left;//当前鼠标位置 var currentLeft = 0; for(var i=0;i<g.headers.length;i++) { if(g.headers[i].width) currentLeft+= g.headers[i].width + 1; if(g.headers[i].isdetail || g.headers[i].ischeckbox) continue; if(posLeft >= currentLeft-2-g.gridbody[0].scrollLeft && posLeft <= currentLeft+2-g.gridbody[0].scrollLeft) { $('body').css({cursor:'e-resize'}); g.toDragHeaderIndex = i; return; } } $('body').css({cursor:'default'}); g.toDragHeaderIndex = null; }).mouseout(function(e) { if(g.colresize) return; //如果正在调整列宽 $('body').css({cursor:'default'}); }).mousedown(function(e) { if(g.colresize) return; //如果正在调整列宽 if(g.toDragHeaderIndex == null) return ;//如果不在位置上 g.dragStart('colresize', e, g.toDragHeaderIndex); }); } //表头 - 显示/隐藏'列控制'按钮事件 if (p.allowHideColumn) { $('tr', g.popup).hover(function() { $(this).addClass('l-popup-row-over'); }, function() { $(this).removeClass('l-popup-row-over'); }); var onPopupCheckboxChange = function() { if ($('input:checked', g.popup).length + 1 <= p.minColToggle) { return false; } g.toggleCol($(this).attr("columnindex"), this.checked); }; if ($.fn.ligerCheckBox) $(':checkbox', g.popup).change(onPopupCheckboxChange); else $(':checkbox', g.popup).click(onPopupCheckboxChange); } //表头 - 调整列宽层事件 //表体 - 滚动联动事件 g.gridbody.scroll(function(){ var scrollLeft = g.gridbody.scrollLeft(); if(scrollLeft == undefined) return ; g.gridheader[0].scrollLeft = scrollLeft; }); //表体 - 数据 单元格事件 $(grid).click(function(e){ var obj = (e.target || e.srcElement); if(obj.tagName.toLowerCase()=="span" && $(obj).hasClass("l-grid-row-cell-detailbtn")) { var row = $(obj).parent().parent().parent(); //确保不是在内嵌表格点击的 if(row.parent().parent()[0] != $("table:first",g.gridbody)[0]) return ; var rowindex = parseInt($(row).attr("rowindex")); var item = g.currentData[p.root][rowindex]; if ($(obj).hasClass("l-open")) { row.next(".l-grid-detailpanel").remove(); $(obj).removeClass("l-open"); } else { var detailRow = $("<tr class='l-grid-detailpanel'><td><div class='l-grid-detailpanel-inner' style='display:none'></div></td></tr>"); var detailRowInner = $("div:first",detailRow); detailRowInner.width(g.gridtablewidth-1); detailRowInner.parent().attr("colSpan",g.headers.length).width(g.gridtablewidth-1); row.after(detailRow); if(p.detail.onShowDetail) { p.detail.onShowDetail(item, detailRowInner[0]); detailRowInner.show(); } else if(p.detail.render) { detailRowInner.append(p.detail.render()); detailRowInner.show(); } $(obj).addClass("l-open"); } return ; } if(obj.tagName.toLowerCase()=="div" && $(obj).hasClass("l-grid-hd-cell-btn-checkbox")) { var row = $(obj).parent().parent().parent(); var uncheck = row.hasClass("l-checked"); if(p.onBeforeCheckAllRow) { if(p.onBeforeCheckAllRow(!uncheck,grid)==false) return false; } if(uncheck) { row.removeClass("l-checked"); $("tbody:first > tr",g.gridbody).removeClass("l-checked"); } else { row.addClass("l-checked"); $("tbody:first > tr",g.gridbody).addClass("l-checked"); } p.onCheckAllRow && p.onCheckAllRow(!uncheck,grid); } if(obj.tagName.toLowerCase()=="div" || $(obj).hasClass("l-grid-row-cell-inner") || $(obj).hasClass("l-grid-row-cell")) { if (p.enabledEdit && !p.dblClickToEdit) { var row = null; if ($(obj).hasClass("l-grid-row-cell")) row = $(obj).parent(); else row = $(obj).parent().parent(); //第一次选择的时候不允许编辑,第二次才允许 if(p.allowUnSelectRow || row.hasClass("l-selected-again")) g.applyEditor(obj); } } }); //工具条 - 切换每页记录数事件 $('select', g.toolbar).change(function() { if (g.isDataChanged && !confirm(p.isContinueByDataChanged)) return false; p.newPage = 1; p.pageSize = this.value; g.loadData(); }); //工具条 - 切换当前页事件 $('.pcontrol input', g.toolbar).keydown(function(e) { if (e.keyCode == 13) g.changePage('input') }); //工具条 - 按钮事件 $(".l-bar-button", g.toolbar).hover(function() { $(this).addClass("l-bar-button-over"); }, function() { $(this).removeClass("l-bar-button-over"); }).click(function() { if ($(this).hasClass("l-bar-btnfirst")) { if(p.onToFirst && p.onToFirst(grid) == false) return false; g.changePage('first'); } else if ($(this).hasClass("l-bar-btnprev")) { if(p.onToPrev && p.onToPrev(grid) == false) return false; g.changePage('prev'); } else if ($(this).hasClass("l-bar-btnnext")) { if(p.onToNext && p.onToNext(grid) == false) return false; g.changePage('next'); } else if ($(this).hasClass("l-bar-btnlast")) { if(p.onToLast && p.onToLast(grid) == false) return false; g.changePage('last'); } else if ($(this).hasClass("l-bar-btnload")) { if($("span",this).hasClass("l-disabled")) return false; if(p.onReload && p.onReload(grid) == false) return false; if (g.isDataChanged && !confirm(p.isContinueByDataChanged)) return false; g.loadData(); } }); g.toolbar.click(function() { g.popup.hide(); g.endEdit(); }); //全局事件 $(document).mousemove(function(e) { g.dragMove(e) }).mouseup(function(e) { g.dragEnd() }).hover(function() { }, function() { g.dragEnd() }).click(function(e) { g.onClick(e) }); //$(grid).click(function (e) { g.onClick(e) }); if (grid.id == undefined) grid.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[grid.id + "_Grid"] = g; grid.usedGrid = true; $(window).resize(function() { g.onResize(); }); }; $.ligerGridSetParms = function(p, fixedP) { p = $.extend({}, $.ligerDefaults.Grid,$.ligerDefaults.GridString, p || {}); if (p.url && p.data) { p.dataType = "local"; } else if (p.url && !p.data) { p.dataType = "server"; } else if (!p.url && p.data) { p.dataType = "local"; } else if (!p.url && !p.data) { p.dataType = "local"; p.data = []; } if (p.dataType == "local") p.dataAction = "local"; if (fixedP) { p = $.extend(p, fixedP); } return p; }; $.fn.ligerGrid = function(p) { var fixedP = {}; p = p || {}; p = $.ligerGridSetParms(p, fixedP); this.each(function() { $.ligerAddGrid(this, p); }); if (this.length == 0) return null; if (this.length == 1) return $(this[0]).ligerGetGridManager(); var managers = []; this.each(function() { managers.push($(this).ligerGetGridManager()); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if (typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetLayoutManager = function () { return LigerUIManagers[this[0].id + "_Layout"]; }; $.fn.ligerRemoveLayoutManager = function () { return this.each(function () { LigerUIManagers[this.id + "_Layout"] = null; }); }; $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Layout = { topHeight: 50, bottomHeight: 50, leftWidth: 110, centerWidth: 300, rightWidth: 170, InWindow : true, //是否以窗口的高度为准 height设置为百分比时可用 heightDiff : 0, //高度补差 height:'100%', //高度 onHeightChanged: null, isLeftCollapse: false, //初始化时 左边是否隐藏 isRightCollapse: false, //初始化时 右边是否隐藏 allowLeftCollapse: true, //是否允许 左边可以隐藏 allowRightCollapse: true, //是否允许 右边可以隐藏 allowLeftResize: true, //是否允许 左边可以调整大小 allowRightResize: true, //是否允许 右边可以调整大小 allowTopResize: true, //是否允许 头部可以调整大小 allowBottomResize: true, //是否允许 底部可以调整大小 space: 3 //间隔 }; $.fn.ligerLayout = function (p) { this.each(function () { p = $.extend({ }, $.ligerDefaults.Layout, p || {}); if (this.usedLayout) return; var g = { init: function () { $("> .l-layout-left .l-layout-header,> .l-layout-right .l-layout-header", g.layout).hover(function () { $(this).addClass("l-layout-header-over"); }, function () { $(this).removeClass("l-layout-header-over"); }); $(".l-layout-header-toggle", g.layout).hover(function () { $(this).addClass("l-layout-header-toggle-over"); }, function () { $(this).removeClass("l-layout-header-toggle-over"); }); $(".l-layout-header-toggle", g.left).click(function () { g.setLeftCollapse(true); }); $(".l-layout-header-toggle", g.right).click(function () { g.setRightCollapse(true); }); //set top g.middleTop = 0; if (g.top) { g.middleTop += g.top.height(); g.middleTop += parseInt(g.top.css('borderTopWidth')); g.middleTop += parseInt(g.top.css('borderBottomWidth')); g.middleTop += p.space; } if (g.left) { g.left.css({ top: g.middleTop }); g.leftCollapse.css({ top: g.middleTop }); } if (g.center) g.center.css({ top: g.middleTop }); if (g.right) { g.right.css({ top: g.middleTop }); g.rightCollapse.css({ top: g.middleTop }); } //set left if (g.left) g.left.css({ left: 0 }); g.onResize(); g.onResize(); }, setCollapse: function () { g.leftCollapse.hover(function () { $(this).addClass("l-layout-collapse-left-over"); }, function () { $(this).removeClass("l-layout-collapse-left-over"); }); g.leftCollapse.toggle.hover(function () { $(this).addClass("l-layout-collapse-left-toggle-over"); }, function () { $(this).removeClass("l-layout-collapse-left-toggle-over"); }); g.rightCollapse.hover(function () { $(this).addClass("l-layout-collapse-right-over"); }, function () { $(this).removeClass("l-layout-collapse-right-over"); }); g.rightCollapse.toggle.hover(function () { $(this).addClass("l-layout-collapse-right-toggle-over"); }, function () { $(this).removeClass("l-layout-collapse-right-toggle-over"); }); g.leftCollapse.toggle.click(function () { g.setLeftCollapse(false); }); g.rightCollapse.toggle.click(function () { g.setRightCollapse(false); }); if (g.left && g.isLeftCollapse) { g.leftCollapse.show(); g.leftDropHandle && g.leftDropHandle.hide(); g.left.hide(); } if (g.right && g.isRightCollapse) { g.rightCollapse.show(); g.rightDropHandle && g.rightDropHandle.hide(); g.right.hide(); } }, setLeftCollapse: function (isCollapse) { if (!g.left) return false; g.isLeftCollapse = isCollapse; if (g.isLeftCollapse) { g.leftCollapse.show(); g.leftDropHandle && g.leftDropHandle.hide(); g.left.hide(); } else { g.leftCollapse.hide(); g.leftDropHandle && g.leftDropHandle.show(); g.left.show(); } g.onResize(); }, setRightCollapse: function (isCollapse) { if (!g.right) return false; g.isRightCollapse = isCollapse; g.onResize(); if (g.isRightCollapse) { g.rightCollapse.show(); g.rightDropHandle && g.rightDropHandle.hide(); g.right.hide(); } else { g.rightCollapse.hide(); g.rightDropHandle && g.rightDropHandle.show(); g.right.show(); } g.onResize(); }, addDropHandle: function () { if (g.left && p.allowLeftResize) { g.leftDropHandle = $("<div class='l-layout-drophandle-left'></div>"); g.layout.append(g.leftDropHandle); g.leftDropHandle && g.leftDropHandle.show(); g.leftDropHandle.mousedown(function (e) { g.start('leftresize', e); }); } if (g.right && p.allowRightResize) { g.rightDropHandle = $("<div class='l-layout-drophandle-right'></div>"); g.layout.append(g.rightDropHandle); g.rightDropHandle && g.rightDropHandle.show(); g.rightDropHandle.mousedown(function (e) { g.start('rightresize', e); }); } if (g.top && p.allowTopResize) { g.topDropHandle = $("<div class='l-layout-drophandle-top'></div>"); g.layout.append(g.topDropHandle); g.topDropHandle.show(); g.topDropHandle.mousedown(function (e) { g.start('topresize', e); }); } if (g.bottom && p.allowBottomResize) { g.bottomDropHandle = $("<div class='l-layout-drophandle-bottom'></div>"); g.layout.append(g.bottomDropHandle); g.bottomDropHandle.show(); g.bottomDropHandle.mousedown(function (e) { g.start('bottomresize', e); }); } g.draggingxline = $("<div class='l-layout-dragging-xline'></div>"); g.draggingyline = $("<div class='l-layout-dragging-yline'></div>"); g.layout.append(g.draggingxline).append(g.draggingyline); }, setDropHandlePosition: function () { if (g.leftDropHandle) { g.leftDropHandle.css({ left: g.left.width() + parseInt(g.left.css('left')), height: g.middleHeight, top: g.middleTop }); } if (g.rightDropHandle) { g.rightDropHandle.css({ left: parseInt(g.right.css('left')) - p.space, height: g.middleHeight, top: g.middleTop }); } if (g.topDropHandle) { g.topDropHandle.css({ top: g.top.height() + parseInt(g.top.css('top')), width: g.top.width() }); } if (g.bottomDropHandle) { g.bottomDropHandle.css({ top: parseInt(g.bottom.css('top')) - p.space, width: g.bottom.width() }); } }, onResize: function () { var oldheight = g.layout.height(); //set layout height var h = 0; var windowHeight = $(window).height(); var parentHeight = null; if (typeof(p.height) == "string" && p.height.indexOf('%') > 0) { var layoutparent = g.layout.parent(); if (p.InWindow || layoutparent[0].tagName.toLowerCase() == "body") { parentHeight = windowHeight; parentHeight -= parseInt($('body').css('paddingTop')); parentHeight -= parseInt($('body').css('paddingBottom')); } else{ parentHeight = layoutparent.height(); } h = parentHeight * parseFloat(p.height) * 0.01; if(p.InWindow || layoutparent[0].tagName.toLowerCase() == "body") h -= (g.layout.offset().top - parseInt($('body').css('paddingTop'))); } else { h = parseInt(p.height); } h += p.heightDiff; g.layout.height(h); g.layoutHeight = g.layout.height(); g.middleWidth = g.layout.width(); g.middleHeight = g.layout.height(); if (g.top) { g.middleHeight -= g.top.height(); g.middleHeight -= parseInt(g.top.css('borderTopWidth')); g.middleHeight -= parseInt(g.top.css('borderBottomWidth')); g.middleHeight -= p.space; } if (g.bottom) { g.middleHeight -= g.bottom.height(); g.middleHeight -= parseInt(g.bottom.css('borderTopWidth')); g.middleHeight -= parseInt(g.bottom.css('borderBottomWidth')); g.middleHeight -= p.space; } //specific g.middleHeight -= 2; if (p.onHeightChanged && g.layoutHeight != oldheight) { p.onHeightChanged({ layoutHeight: g.layoutHeight, diff: g.layoutHeight - oldheight, middleHeight: g.middleHeight }); } if (g.center) { g.centerWidth = g.middleWidth; if (g.left) { if (g.isLeftCollapse) { g.centerWidth -= g.leftCollapse.width(); g.centerWidth -= parseInt(g.leftCollapse.css('borderLeftWidth')); g.centerWidth -= parseInt(g.leftCollapse.css('borderRightWidth')); g.centerWidth -= parseInt(g.leftCollapse.css('left')); g.centerWidth -= p.space; } else { g.centerWidth -= g.leftWidth; g.centerWidth -= parseInt(g.left.css('borderLeftWidth')); g.centerWidth -= parseInt(g.left.css('borderRightWidth')); g.centerWidth -= parseInt(g.left.css('left')); g.centerWidth -= p.space; } } if (g.right) { if (g.isRightCollapse) { g.centerWidth -= g.rightCollapse.width(); g.centerWidth -= parseInt(g.rightCollapse.css('borderLeftWidth')); g.centerWidth -= parseInt(g.rightCollapse.css('borderRightWidth')); g.centerWidth -= parseInt(g.rightCollapse.css('right')); g.centerWidth -= p.space; } else { g.centerWidth -= g.rightWidth; g.centerWidth -= parseInt(g.right.css('borderLeftWidth')); g.centerWidth -= parseInt(g.right.css('borderRightWidth')); g.centerWidth -= p.space; } } g.centerLeft = 0; if (g.left) { if (g.isLeftCollapse) { g.centerLeft += g.leftCollapse.width(); g.centerLeft += parseInt(g.leftCollapse.css('borderLeftWidth')); g.centerLeft += parseInt(g.leftCollapse.css('borderRightWidth')); g.centerLeft += parseInt(g.leftCollapse.css('left')); g.centerLeft += p.space; } else { g.centerLeft += g.left.width(); g.centerLeft += parseInt(g.left.css('borderLeftWidth')); g.centerLeft += parseInt(g.left.css('borderRightWidth')); g.centerLeft += p.space; } } g.center.css({ left: g.centerLeft }); g.center.width(g.centerWidth); g.center.height(g.middleHeight); var contentHeight = g.middleHeight; if(g.center.header) contentHeight-= g.center.header.height(); g.center.content.height(contentHeight); } if (g.left) { g.leftCollapse.height(g.middleHeight); g.left.height(g.middleHeight); } if (g.right) { g.rightCollapse.height(g.middleHeight); g.right.height(g.middleHeight); //set left g.rightLeft = 0; if (g.left) { if (g.isLeftCollapse) { g.rightLeft += g.leftCollapse.width(); g.rightLeft += parseInt(g.leftCollapse.css('borderLeftWidth')); g.rightLeft += parseInt(g.leftCollapse.css('borderRightWidth')); g.rightLeft += p.space; } else { g.rightLeft += g.left.width(); g.rightLeft += parseInt(g.left.css('borderLeftWidth')); g.rightLeft += parseInt(g.left.css('borderRightWidth')); g.rightLeft += parseInt(g.left.css('left')); g.rightLeft += p.space; } } if (g.center) { g.rightLeft += g.center.width(); g.rightLeft += parseInt(g.center.css('borderLeftWidth')); g.rightLeft += parseInt(g.center.css('borderRightWidth')); g.rightLeft += p.space; } g.right.css({ left: g.rightLeft }); } if (g.bottom) { g.bottomTop = g.layoutHeight - g.bottom.height() - 2; g.bottom.css({ top: g.bottomTop }); } g.setDropHandlePosition(); }, start: function (dragtype, e) { g.dragtype = dragtype; if (dragtype == 'leftresize' || dragtype == 'rightresize') { g.xresize = { startX: e.pageX }; g.draggingyline.css({ left: e.pageX - g.layout.offset().left, height: g.middleHeight, top: g.middleTop }).show(); $('body').css('cursor', 'col-resize'); } else if (dragtype == 'topresize' || dragtype == 'bottomresize') { g.yresize = { startY: e.pageY }; g.draggingxline.css({ top: e.pageY - g.layout.offset().top, width: g.layout.width() }).show(); $('body').css('cursor', 'row-resize'); } else { return; } g.layout.lock.width(g.layout.width()); g.layout.lock.height(g.layout.height()); g.layout.lock.show(); if ($.browser.msie || $.browser.safari) $('body').bind('selectstart', function () { return false; }); // 不能选择 $(document).bind('mouseup', g.stop); $(document).bind('mousemove', g.drag); }, drag: function (e) { if (g.xresize) { g.xresize.diff = e.pageX - g.xresize.startX; g.draggingyline.css({ left: e.pageX - g.layout.offset().left }); $('body').css('cursor', 'col-resize'); } else if (g.yresize) { g.yresize.diff = e.pageY - g.yresize.startY; g.draggingxline.css({ top: e.pageY - g.layout.offset().top }); $('body').css('cursor', 'row-resize'); } }, stop: function (e) { if (g.xresize && g.xresize.diff != undefined) { if (g.dragtype == 'leftresize') { g.leftWidth += g.xresize.diff; g.left.width(g.leftWidth); if (g.center) g.center.width(g.center.width() - g.xresize.diff).css({ left: parseInt(g.center.css('left')) + g.xresize.diff }); else if (g.right) g.right.width(g.left.width() - g.xresize.diff).css({ left: parseInt(g.right.css('left')) + g.xresize.diff }); } else if (g.dragtype == 'rightresize') { g.rightWidth -= g.xresize.diff; g.right.width(g.rightWidth).css({ left: parseInt(g.right.css('left')) + g.xresize.diff }); if (g.center) g.center.width(g.center.width() + g.xresize.diff); else if (g.left) g.left.width(g.left.width() + g.xresize.diff); } } else if (g.yresize && g.yresize.diff != undefined) { if (g.dragtype == 'topresize') { g.top.height(g.top.height() + g.yresize.diff); g.middleTop += g.yresize.diff; g.middleHeight -= g.yresize.diff; if (g.left) { g.left.css({ top: g.middleTop }).height(g.middleHeight); g.leftCollapse.css({ top: g.middleTop }).height(g.middleHeight); } if (g.center) g.center.css({ top: g.middleTop }).height(g.middleHeight); if (g.right) { g.right.css({ top: g.middleTop }).height(g.middleHeight); g.rightCollapse.css({ top: g.middleTop }).height(g.middleHeight); } } else if (g.dragtype == 'bottomresize') { g.bottom.height(g.bottom.height() - g.yresize.diff); g.middleHeight += g.yresize.diff; g.bottomTop += g.yresize.diff; g.bottom.css({ top: g.bottomTop }); if (g.left) { g.left.height(g.middleHeight); g.leftCollapse.height(g.middleHeight); } if (g.center) g.center.height(g.middleHeight); if (g.right) { g.right.height(g.middleHeight); g.rightCollapse.height(g.middleHeight); } } } g.setDropHandlePosition(); g.draggingxline.hide(); g.draggingyline.hide(); g.xresize = g.yresize = g.dragtype = false; g.layout.lock.hide(); if ($.browser.msie || $.browser.safari) $('body').unbind('selectstart'); $(document).unbind('mousemove', g.drag); $(document).unbind('mouseup', g.stop); $('body').css('cursor', ''); } }; g.layout = $(this); if (!g.layout.hasClass("l-layout")) g.layout.addClass("l-layout"); g.width = g.layout.width(); //top if ($("> div[position=top]", g.layout).length > 0) { g.top = $("> div[position=top]", g.layout).wrap('<div class="l-layout-top" style="top:0px;"></div>').parent(); g.top.content = $("> div[position=top]", g.top); if (!g.top.content.hasClass("l-layout-content")) g.top.content.addClass("l-layout-content"); g.topHeight = p.topHeight; if (g.topHeight) { g.top.height(g.topHeight); } } //bottom if ($("> div[position=bottom]", g.layout).length > 0) { g.bottom = $("> div[position=bottom]", g.layout).wrap('<div class="l-layout-bottom"></div>').parent(); g.bottom.content = $("> div[position=bottom]", g.top); if (!g.bottom.content.hasClass("l-layout-content")) g.bottom.content.addClass("l-layout-content"); g.bottomHeight = p.bottomHeight; if (g.bottomHeight) { g.bottom.height(g.bottomHeight); } } //left if ($("> div[position=left]", g.layout).length > 0) { g.left = $("> div[position=left]", g.layout).wrap('<div class="l-layout-left" style="left:0px;"></div>').parent(); g.left.header = $('<div class="l-layout-header"><div class="l-layout-header-toggle"></div><div class="l-layout-header-inner"></div></div>'); g.left.prepend(g.left.header); g.left.header.toggle = $(".l-layout-header-toggle", g.left.header); g.left.content = $("> div[position=left]", g.left); if (!g.left.content.hasClass("l-layout-content")) g.left.content.addClass("l-layout-content"); if(!p.allowLeftCollapse) $(".l-layout-header-toggle", g.left.header).remove(); //set title var lefttitle = g.left.content.attr("title"); if (lefttitle) { g.left.content.attr("title", ""); $(".l-layout-header-inner", g.left.header).html(lefttitle); } //set width g.leftWidth = p.leftWidth; if (g.leftWidth) g.left.width(g.leftWidth); } //center if ($("> div[position=center]", g.layout).length > 0) { g.center = $("> div[position=center]", g.layout).wrap('<div class="l-layout-center" ></div>').parent(); g.center.content = $("> div[position=center]", g.center); g.center.content.addClass("l-layout-content"); //set title var centertitle = g.center.content.attr("title"); if (centertitle) { g.center.content.attr("title", ""); g.center.header = $('<div class="l-layout-header"></div>'); g.center.prepend(g.center.header); g.center.header.html(centertitle); } //set width g.centerWidth = p.centerWidth; if (g.centerWidth) g.center.width(g.centerWidth); } //right if ($("> div[position=right]", g.layout).length > 0) { g.right = $("> div[position=right]", g.layout).wrap('<div class="l-layout-right"></div>').parent(); g.right.header = $('<div class="l-layout-header"><div class="l-layout-header-toggle"></div><div class="l-layout-header-inner"></div></div>'); g.right.prepend(g.right.header); g.right.header.toggle = $(".l-layout-header-toggle", g.right.header); if(!p.allowRightCollapse) $(".l-layout-header-toggle", g.right.header).remove(); g.right.content = $("> div[position=right]", g.right); if (!g.right.content.hasClass("l-layout-content")) g.right.content.addClass("l-layout-content"); //set title var righttitle = g.right.content.attr("title"); if (righttitle) { g.right.content.attr("title", ""); $(".l-layout-header-inner", g.right.header).html(righttitle); } //set width g.rightWidth = p.rightWidth; if (g.rightWidth) g.right.width(g.rightWidth); } //lock g.layout.lock = $("<div class='l-layout-lock'></div>"); g.layout.append(g.layout.lock); //DropHandle g.addDropHandle(); //Collapse g.isLeftCollapse = p.isLeftCollapse; g.isRightCollapse = p.isRightCollapse; g.leftCollapse = $('<div class="l-layout-collapse-left" style="display: none; "><div class="l-layout-collapse-left-toggle"></div></div>'); g.rightCollapse = $('<div class="l-layout-collapse-right" style="display: none; "><div class="l-layout-collapse-right-toggle"></div></div>'); g.layout.append(g.leftCollapse).append(g.rightCollapse); g.leftCollapse.toggle = $("> .l-layout-collapse-left-toggle", g.leftCollapse); g.rightCollapse.toggle = $("> .l-layout-collapse-right-toggle", g.rightCollapse); g.setCollapse(); //init g.init(); $(window).resize(function () { g.onResize(); }); if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_Layout"] = g; this.usedLayout = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_Layout"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_Layout"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if (typeof (LigerUIMenu) == "undefined") LigerUIMenu = {}; (function ($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Menu = { width: 120, top: 0, left: 0, items:null, shadow: true }; /// <param name="$" type="jQuery"></param> $.ligerMenu = function (p) { p = $.extend({ }, $.ligerDefaults.Menu, p || {}); var g = { show: function (options,menu) { if(menu==undefined) menu = g.menu; if (options && options.left != undefined) { menu.css({ left: options.left }); } if (options && options.top != undefined) { menu.css({ top: options.top }); } menu.show(); g.updateShadow(menu); }, updateShadow: function (menu) { if (!p.shadow) return; menu.shadow.css({ left: menu.css('left'), top: menu.css('top'), width: menu.outerWidth(), height: menu.outerHeight() }); if (menu.is(":visible")) menu.shadow.show(); else menu.shadow.hide(); }, hide: function (menu) { if(menu==undefined) menu = g.menu; g.hideAllSubMenu(menu); menu.hide(); g.updateShadow(menu); }, toggle: function () { g.menu.toggle(); g.updateShadow(g.menu); }, removeItem: function (itemid) { $("> .l-menu-item[menuitemid=" + itemid + "]", g.menu.items).remove(); g.itemCount--; }, setEnable: function (itemid) { $("> .l-menu-item[menuitemid=" + itemid + "]", g.menu.items).removeClass("l-menu-item-disable"); }, setDisable: function (itemid) { $("> .l-menu-item[menuitemid=" + itemid + "]", g.menu.items).addClass("l-menu-item-disable"); }, isEnable: function (itemid) { return !$("> .l-menu-item[menuitemid=" + itemid + "]", g.menu.items).hasClass("l-menu-item-disable"); }, getItemCount: function () { return $("> .l-menu-item", g.menu.items).length; }, addItem: function (item, menu) { if(!item) return ; if(menu== undefined) menu = g.menu; if (item.line) { menu.items.append('<div class="l-menu-item-line"></div>'); return; } var ditem = $('<div class="l-menu-item"><div class="l-menu-item-text"></div> </div>'); var itemcount = $("> .l-menu-item", menu.items).length; menu.items.append(ditem); item.id && ditem.attr("menuitemid", item.id); item.text && $(">.l-menu-item-text:first", ditem).html(item.text); item.icon && ditem.prepend('<div class="l-menu-item-icon l-icon-' + item.icon + '"></div>'); item.disable && ditem.addClass("l-menu-item-disable"); if (item.children) { if (ditem.attr("menuitemid") == undefined) ditem.attr("menuitemid", new Date().getTime()); ditem.append('<div class="l-menu-item-arrow"></div>'); var newmenu = g.createMenu(ditem.attr("menuitemid")); LigerUIMenu[ditem.attr("menuitemid")] = newmenu; newmenu.width(p.width); newmenu.hover(null,function(){ if(!newmenu.showedSubMenu) g.hide(newmenu); }); $(item.children).each(function () { g.addItem(this, newmenu); }); } item.click && ditem.click(function () { if ($(this).hasClass("l-menu-item-disable")) return; item.click(item, itemcount); }); item.dblclick && ditem.dblclick(function () { if ($(this).hasClass("l-menu-item-disable")) return; item.dblclick(item, itemcount); }); var menuover = $("> .l-menu-over:first", menu); ditem.hover(function () { if ($(this).hasClass("l-menu-item-disable")) return; var itemtop = $(this).offset().top; var top = itemtop - menu.offset().top; menuover.css({ top: top }); g.hideAllSubMenu(menu); if (item.children) { var meniitemid = $(this).attr("menuitemid"); if (!meniitemid) return; if(LigerUIMenu[meniitemid]) { g.show({top:itemtop,left:$(this).offset().left+$(this).width()-5},LigerUIMenu[meniitemid]); menu.showedSubMenu = true; } } }, function () { if ($(this).hasClass("l-menu-item-disable")) return; var meniitemid = $(this).attr("menuitemid"); if (item.children) { var meniitemid = $(this).attr("menuitemid"); if (!meniitemid) return; }; }); }, hideAllSubMenu:function(menu) { if(menu==undefined) menu = g.menu; $("> .l-menu-item",menu.items).each(function(){ if($("> .l-menu-item-arrow",this).length>0) { var meniitemid = $(this).attr("menuitemid"); if (!meniitemid) return; LigerUIMenu[meniitemid] && g.hide(LigerUIMenu[meniitemid]); } }); menu.showedSubMenu = false; }, createMenu: function (parentMenuItemID) { var menu = $('<div class="l-menu" style="display:none"><div class="l-menu-yline"></div><div class="l-menu-over"><div class="l-menu-over-l"></div> <div class="l-menu-over-r"></div></div><div class="l-menu-inner"></div></div>'); parentMenuItemID && menu.attr("parentmenuitemid", parentMenuItemID); menu.items = $("> .l-menu-inner:first", menu); menu.appendTo('body'); if (p.shadow) { menu.shadow = $('<div class="l-menu-shadow"></div>').insertAfter(menu); g.updateShadow(menu); } menu.hover(null,function(){ if(!menu.showedSubMenu) $("> .l-menu-over:first", menu).css({ top: -24 }); }); return menu; } }; g.menu = g.createMenu(); g.menu.css({ top: p.top, left: p.left, width: p.width }); p.items && $(p.items).each(function (i, item) { g.addItem(item); }); return g; }; $(document).click(function () { $(".l-menu,.l-menu-shadow").hide(); }); })(jQuery);/** * jQuery ligerUI 1.0.1 * * Author leoxie [ gd_star@163.com ] * * Depend on: * 1,LigerMenu */ if(typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetMenuBarManager = function() { return LigerUIManagers[this[0].id + "_MenuBar"]; }; $.fn.ligerMenuBar = function(p) { return this.each(function() { if (this.usedMenuBar) return; var g ={ addItem :function(item){ var ditem = $('<div class="l-menubar-item l-panel-btn"><span></span><div class="l-panel-btn-l"></div><div class="l-panel-btn-r"></div><div class="l-menubar-item-down"></div></div>'); g.menubar.append(ditem); item.id && ditem.attr("menubarid",item.id); item.text && $("span:first",ditem).html(item.text); item.disable && ditem.addClass("l-menubar-item-disable"); item.click && ditem.click(function(){ item.click(item);}); if(item.menu) { var menu = $.ligerMenu(item.menu); ditem.hover(function () { g.actionMenu && g.actionMenu.hide(); var left = $(this).offset().left; var top = $(this).offset().top + $(this).height(); menu.show({ top: top, left: left }); g.actionMenu = menu; $(this).addClass("l-panel-btn-over l-panel-btn-selected").siblings(".l-menubar-item").removeClass("l-panel-btn-selected"); }, function () { $(this).removeClass("l-panel-btn-over"); }); } else { ditem.hover(function () { $(this).addClass("l-panel-btn-over"); }, function () { $(this).removeClass("l-panel-btn-over"); }); $(".l-menubar-item-down",ditem).remove(); } } }; g.menubar = $(this); if(!g.menubar.hasClass("l-menubar")) g.menubar.addClass("l-menubar"); if(p && p.items) { $(p.items).each(function(i,item){ g.addItem(item); }); } $(document).click(function () { $(".l-panel-btn-selected",g.menubar).removeClass("l-panel-btn-selected"); }); if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_MenuBar"] = g; this.usedMenuBar = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { /// <param name="$" type="jQuery"></param> $.ligerMessageBox = {}; $.ligerMessageBox.show = function (p) { p = p || {}; p.isDrag == undefined && (p.isDrag = true); var messageBoxHTML = ""; messageBoxHTML += '<div class="l-messagebox">'; messageBoxHTML += ' <div class="l-messagebox-lt"></div><div class="l-messagebox-rt"></div>'; messageBoxHTML += ' <div class="l-messagebox-l"></div><div class="l-messagebox-r"></div> '; messageBoxHTML += ' <div class="l-messagebox-image"></div>'; messageBoxHTML += ' <div class="l-messagebox-title">'; messageBoxHTML += ' <div class="l-messagebox-title-inner"></div>'; messageBoxHTML += ' <div class="l-messagebox-close"></div>'; messageBoxHTML += ' </div>'; messageBoxHTML += ' <div class="l-messagebox-content">'; messageBoxHTML += ' </div>'; messageBoxHTML += ' <div class="l-messagebox-buttons"><div class="l-messagebox-buttons-inner">'; messageBoxHTML += ' </div></div>'; messageBoxHTML += ' </div>'; var g = { applyWindowMask: function () { $(".l-window-mask").remove(); $("<div class='l-window-mask' style='display: block;'></div>").appendTo($("body")); }, removeWindowMask: function () { $(".l-window-mask").remove(); }, applyDrag: function () { if (p.isDrag && $.fn.ligerDrag) messageBox.ligerDrag({ handler: '.l-messagebox-title' }); }, setImage: function () { if (p.type) { if (p.type == 'success' || p.type == 'donne') { $(".l-messagebox-image", messageBox).addClass("l-messagebox-image-donne").show(); $(".l-messagebox-content", messageBox).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'error') { $(".l-messagebox-image", messageBox).addClass("l-messagebox-image-error").show(); $(".l-messagebox-content", messageBox).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'warn') { $(".l-messagebox-image", messageBox).addClass("l-messagebox-image-warn").show(); $(".l-messagebox-content", messageBox).css({ paddingLeft: 64, paddingBottom: 30 }); } else if (p.type == 'question') { $(".l-messagebox-image", messageBox).addClass("l-messagebox-image-question").show(); $(".l-messagebox-content", messageBox).css({ paddingLeft: 64, paddingBottom: 40 }); } } } }; var messageBox = $(messageBoxHTML); $('body').append(messageBox); messageBox.close = function () { g.removeWindowMask(); messageBox.remove(); }; //设置参数属性 p.width && messageBox.width(p.width); p.title && $(".l-messagebox-title-inner", messageBox).html(p.title); p.content && $(".l-messagebox-content", messageBox).html(p.content); if (p.buttons) { $(p.buttons).each(function (i, item) { var btn = $('<div class="l-messagebox-btn"><div class="l-messagebox-btn-l"></div><div class="l-messagebox-btn-r"></div><div class="l-messagebox-btn-inner"></div></div>'); $(".l-messagebox-btn-inner", btn).html(item.text); $(".l-messagebox-buttons-inner", messageBox).append(btn); item.width && btn.width(item.width); item.onclick && btn.click(function () { item.onclick(item, i, messageBox) }); }); $(".l-messagebox-buttons-inner", messageBox).append("<div class='l-clear'></div>"); } var boxWidth = messageBox.width(); var sumBtnWidth = 0; $(".l-messagebox-buttons-inner .l-messagebox-btn", messageBox).each(function () { sumBtnWidth += $(this).width(); }); $(".l-messagebox-buttons-inner", messageBox).css({ marginLeft: parseInt((boxWidth - sumBtnWidth) * 0.5) }); //设置背景、拖动支持 和设置图片 g.applyWindowMask(); g.applyDrag(); g.setImage(); //设置事件 $(".l-messagebox-btn", messageBox).hover(function () { $(this).addClass("l-messagebox-btn-over"); $(".l-messagebox-btn-l", this).addClass("l-messagebox-btn-l-over"); $(".l-messagebox-btn-r", this).addClass("l-messagebox-btn-r-over"); }, function () { $(this).removeClass("l-messagebox-btn-over"); $(".l-messagebox-btn-l", this).removeClass("l-messagebox-btn-l-over"); $(".l-messagebox-btn-r", this).removeClass("l-messagebox-btn-r-over"); }); $(".l-messagebox-close", messageBox).hover(function () { $(this).addClass("l-messagebox-close-over"); }, function () { $(this).removeClass("l-messagebox-close-over"); }).click(function () { messageBox.close(); }); }; $.ligerMessageBox.alert = function (title, content, type, onBtnClick) { title = title || ""; content = content || title; var g = { onclick: function (item, index, messageBox) { messageBox.close(); if (onBtnClick) onBtnClick(item, index, messageBox); } }; p = { title: title, content: content, buttons: [{ text: '确定', onclick: g.onclick}] }; if (type) p.type = type; $.ligerMessageBox.show(p); }; $.ligerMessageBox.confirm = function (title, content, callback) { var g = { onclick: function (item, index, messageBox) { messageBox.close(); if (callback) { callback(index == 0); } } }; p = { type: 'question', title: title, content: content, buttons: [{ text: '是', onclick: g.onclick }, { text: '否', onclick: g.onclick}] }; $.ligerMessageBox.show(p); }; $.ligerMessageBox.success = function (title, content, onBtnClick) { $.ligerMessageBox.alert(title, content, 'success', onBtnClick); }; $.ligerMessageBox.error = function (title, content, onBtnClick) { $.ligerMessageBox.alert(title, content, 'error', onBtnClick); }; $.ligerMessageBox.warn = function (title, content, onBtnClick) { $.ligerMessageBox.alert(title, content, 'warn', onBtnClick); }; $.ligerMessageBox.question = function (title, content) { $.ligerMessageBox.alert(title, content, 'question'); }; function preLoadImage() { var imagePath = '../lib/ligerUI/skins/Aqua/images/'; var imageArr = ['box/box-btn-done.gif', 'box/box-btn-error.gif', 'box/box-btn-l.gif', 'box/box-btn-l-over.gif', 'box/box-btn-question.gif', 'box/box-btn-over.gif', 'box/box-righttop.gif', 'box/box-lefttop.gif', 'box/box-top.gif', 'box/box-btn-r.gif', 'box/box-btn-r-over.gif', 'box/box-btn-warn.gif', 'box/box-close.gif', 'box/box-close-over.gif', 'box/tabs-item-left-bg.gif']; for (i = 0; i < imageArr.length; i++) { new Image().src = imagePath + imageArr[i]; } } //preLoadImage(); })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { $.fn.ligerNoSelect = function (p) { if (p == null) prevent = true; else prevent = p; if (prevent) { return this.each(function () { if ($.browser.msie || $.browser.safari) $(this).bind('selectstart', function () { return false; }); else if ($.browser.mozilla) { $(this).css('MozUserSelect', 'none'); $('body').trigger('focus'); } else if ($.browser.opera) $(this).bind('mousedown', function () { return false; }); else $(this).attr('unselectable', 'on'); }); } else { return this.each(function () { if ($.browser.msie || $.browser.safari) $(this).unbind('selectstart'); else if ($.browser.mozilla) $(this).css('MozUserSelect', 'inherit'); else if ($.browser.opera) $(this).unbind('mousedown'); else $(this).removeAttr('unselectable', 'on'); }); } }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerRadio = function () { return this.each(function () { if (this.usedRadio) return; if ($(this).hasClass('l-hidden')) { return; } var g = {}; g.input = $(this); g.link = $('<a href="javascript:void(0)" class="l-radio"></a>'); g.wrapper = g.input.addClass('l-hidden').wrap('<div class="l-radio-wrapper"></div>').parent(); g.wrapper.prepend(g.link); g.input.change(function () { if (this.checked) { g.link.addClass('l-radio-checked'); } else { g.link.removeClass('l-radio-checked'); } return true; }); g.link.click(function () { if (g.input.attr('disabled')) { return false; } g.input.trigger('click').trigger('change'); var formEle; if (g.input[0].form) formEle = g.input[0].form; else formEle = document; $("input:radio[name=" + g.input[0].name + "]", formEle).not(g.input).trigger("change"); return false; }); g.wrapper.hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); this.checked && g.link.addClass('l-radio-checked'); this.usedRadio = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Resizable = { handles: 'n, e, s, w, ne, se, sw, nw', maxWidth: 2000, maxHeight: 2000, minWidth: 20, minHeight: 20, onStartResize: function (e) { }, onResize: function (e) { }, onStopResize: function (e) { }, onEndResize: null }; $.fn.ligerResizable = function (p) { return this.each(function () { p = $.extend({}, $.ligerDefaults.Resizable, p || {}); var g = { init: function () { g.target.append('<div class="l-resizable"></div>'); //add handler dom elements var handles = p.handles.split(','); for (var i = 0; i < handles.length; i++) { switch (handles[i].replace(/(^\s*)|(\s*$)/g, "")) //trim { case "nw": g.target.append('<div class="l-resizable-h-l" direction="nw"></div>'); break; case "ne": g.target.append('<div class="l-resizable-h-r" direction="ne"></div>'); break; case "n": g.target.append('<div class="l-resizable-h-c" direction="n"></div>'); break; case "w": g.target.append('<div class="l-resizable-c-l" direction="w"></div>'); break; case "e": g.target.append('<div class="l-resizable-c-r" direction="e"></div>'); break; case "sw": g.target.append('<div class="l-resizable-f-l" direction="sw"></div>'); break; case "se": g.target.append('<div class="l-resizable-f-r" direction="se"></div>'); break; case "s": g.target.append('<div class="l-resizable-f-c" direction="s"></div>'); break; } } $("> .l-resizable-h-c , > .l-resizable-f-c", g.target).width(g.target.width()); $("> .l-resizable-c-l , > .l-resizable-c-r", g.target).height(g.target.height()); g.target.resizable = $("> .l-resizable", g.target); }, start: function (e, dir) { if ($.browser.msie || $.browser.safari) $('body').bind('selectstart', function () { return false; }); // ����ѡ�� $(".l-window-mask-nobackground").remove(); $("<div class='l-window-mask-nobackground' style='display: block;'></div>").appendTo($("body")); g.target.resizable.css({ width: g.target.width(), height: g.target.height(), left: 0, top: 0 }); g.current = { dir: dir, left: g.target.offset().left, top: g.target.offset().top, width: g.target.width(), height: g.target.height() }; $(document).bind('mouseup', g.stop); $(document).bind('mousemove', g.drag); g.target.resizable.show(); if (p.onStartResize) p.onStartResize(g.current, e); }, drag: function (e) { var dir = g.current.dir; var resizableObj = g.target.resizable[0]; var width = g.current.width; var height = g.current.height; var moveWidth = (e.pageX || e.screenX) - g.current.left; var moveHeight = (e.pageY || e.clientY) - g.current.top; if (dir.indexOf("e") >= 0) moveWidth -= width; if (dir.indexOf("s") >= 0) moveHeight -= height; if (dir != "n" && dir != "s") { width += (dir.indexOf("w") >= 0) ? -moveWidth : moveWidth; } if (width >= p.minWidth) { if (dir.indexOf("w") >= 0) { resizableObj.style.left = moveWidth + 'px'; } if (dir != "n" && dir != "s") { resizableObj.style.width = width + 'px'; } } if (dir != "w" && dir != "e") { height += (dir.indexOf("n") >= 0) ? -moveHeight : moveHeight; } if (height >= p.minHeight) { if (dir.indexOf("n") >= 0) { resizableObj.style.top = moveHeight + 'px'; } if (dir != "w" && dir != "e") { resizableObj.style.height = height + 'px'; } } g.current.newWidth = width; g.current.newHeight = height; g.current.diffTop = parseInt(resizableObj.style.top); if (isNaN(g.current.diffTop)) g.current.diffTop = 0; g.current.diffLeft = parseInt(resizableObj.style.left); if (isNaN(g.current.diffLeft)) g.current.diffLeft = 0; $("body").css("cursor", dir + '-resize'); if (p.onResize) p.onResize(g.current, e); }, stop: function (e) { if ($.browser.msie || $.browser.safari) $('body').unbind('selectstart'); $(".l-window-mask-nobackground").remove(); if (!p.onStopResize) g.applyResize(); else if (p.onStopResize(g.current, e) != false) g.applyResize(); p.onEndResize && p.onEndResize(g.current, e); $("body").css("cursor", ""); g.target.resizable.hide(); $(document).unbind('mousemove', g.drag); $(document).unbind('mouseup', g.stop); }, applyResize: function () { var top = 0; var left = 0; if (!isNaN(parseInt(g.target.css('top')))) top = parseInt(g.target.css('top')); if (!isNaN(parseInt(g.target.css('left')))) left = parseInt(g.target.css('left')); if (g.current.diffTop != undefined) { if (g.current.diffTop != 0) g.target.css({ top: top + g.current.diffTop }); if (g.current.diffLeft != 0) g.target.css({ left: left + g.current.diffLeft }); g.target.css({ width: g.current.newWidth, height: g.current.newHeight }); } } }; g.target = $(this); g.init(); $(">div", g.target).mousedown(function (e) { if (!$(this).attr("direction")) return; g.start(e, $(this).attr("direction")); return false; }); }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ (function($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Spinner = { type: 'float', //类型 float:浮点数 int:整数 time:时间 isNegative: true, //是否负数 decimalplace: 2, //小数位 type=float时起作用 step: 0.1, //每次增加的值 interval: 50, //间隔,毫秒 onChangeValue: false //改变值事件 }; /// <param name="$" type="jQuery"></param>; $.fn.ligerSpinner = function(p) { return this.each(function() { if (this.useSpinner) return; if ($(this).attr("ligerui")) { try { var attroptions = $(this).attr("ligerui"); if (attroptions.indexOf('{') < 0) attroptions = "{" + attroptions + "}"; eval("attroptions = " + attroptions + ";"); if (attroptions) p = $.extend({}, attroptions, p || {}); } catch (e) { } } p = $.extend({}, $.ligerDefaults.Spinner, p || {}); if (p.type == 'float') { p.step = 0.1; p.interval = 50; } else if (p.type == 'int') { p.step = 1; p.interval = 100; } else if (p.type == 'time') { p.step = 1; p.interval = 100; } var g = { round: function(v, e) { var t = 1; for (; e > 0; t *= 10, e--); for (; e < 0; t /= 10, e++); return Math.round(v * t) / t; }, isInt: function(str) { var strP = p.isNegative ? /^-?\d+$/ : /^\d+$/; if (!strP.test(str)) return false; if (parseFloat(str) != str) return false; return true; }, isFloat: function(str) { var strP = p.isNegative ? /^-?\d+(\.\d+)?$/ : /^\d+(\.\d+)?$/; if (!strP.test(str)) return false; if (parseFloat(str) != str) return false; return true; }, isTime: function(str) { var a = str.match(/^(\d{1,2}):(\d{1,2})$/); if (a == null) return false; if (a[1] > 24 || a[2] > 60) return false; return true; }, isVerify: function(str) { if (p.type == 'float') { return g.isFloat(str); } else if (p.type == 'int') { return g.isInt(str); } else if (p.type == 'time') { return g.isTime(str); } return false; }, getVerifyValue: function(value) { var newvalue = null; if (p.type == 'float') { newvalue = g.round(value, p.decimalplace); } else if (p.type == 'int') { newvalue = parseInt(value); } else if (p.type == 'time') { newvalue = value; } if (!g.isVerify(newvalue)) { return g.value; } else { return newvalue; } }, getDefaultValue: function() { if (p.type == 'float' || p.type == 'int') { return 0; } else if (p.type == 'time') { return "00:00"; } }, addValue: function(num) { var value = g.inputText.val(); value = parseFloat(value) + num; g.inputText.val(value); g.inputText.trigger("change"); }, addTime: function(minute) { var value = g.inputText.val(); var a = value.match(/^(\d{1,2}):(\d{1,2})$/); newminute = parseInt(a[2]) + minute; if (newminute < 10) newminute = "0" + newminute; value = a[1] + ":" + newminute; g.inputText.val(value); g.inputText.trigger("change"); }, uping: function() { if (p.type == 'float' || p.type == 'int') { g.addValue(p.step); } else if (p.type == 'time') { g.addTime(p.step); } }, downing: function() { if (p.type == 'float' || p.type == 'int') { g.addValue(-1 * p.step); } else if (p.type == 'time') { g.addTime(-1 * p.step); } }, isDateTime: function(dateStr) { var r = dateStr.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4]); if (d == "NaN") return false; return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]); }, isLongDateTime: function(dateStr) { var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2})$/; var r = dateStr.match(reg); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4], r[5], r[6]); if (d == "NaN") return false; return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4] && d.getHours() == r[5] && d.getMinutes() == r[6]); }, interval: null, inputText: null, value: null, textFieldID: "" }; if (this.tagName.toLowerCase() == "input" && this.type && this.type == "text") { g.inputText = $(this); if (this.id) g.textFieldID = this.id; } else { g.inputText = $('<input type="text"/>'); g.inputText.appendTo($(this)); } if (g.textFieldID == "" && p.textFieldID) g.textFieldID = p.textFieldID; g.link = $('<div class="l-trigger"><div class="l-spinner-up"><div class="l-spinner-icon"></div></div><div class="l-spinner-split"></div><div class="l-spinner-down"><div class="l-spinner-icon"></div></div></div>'); g.wrapper = g.inputText.wrap('<div class="l-text"></div>').parent(); g.wrapper.append('<div class="l-text-l"></div><div class="l-text-r"></div>'); g.wrapper.append(g.link).after(g.selectBox).after(g.valueField); g.link.up = $(".l-spinner-up", g.link); g.link.down = $(".l-spinner-down", g.link); if (!g.inputText.hasClass("l-text-field")) g.inputText.addClass("l-text-field"); //数据初始化 if (p.width) { g.wrapper.css({ width: p.width }); g.inputText.css({ width: p.width - 20 }); } if (p.height) { g.wrapper.height(p.height); g.inputText.height(p.height - 2); g.link.height(p.height - 4); } //初始化 if (!g.isVerify(g.inputText.val())) { g.value = g.getDefaultValue(); g.inputText.val(g.value); } //事件 g.link.up.hover(function() { $(this).addClass("l-spinner-up-over"); }, function() { clearInterval(g.interval); $.fn.ligerNoSelect && $('body').ligerNoSelect(false); $(this).removeClass("l-spinner-up-over"); }).mousedown(function() { g.uping(); g.interval = setInterval(g.uping, p.interval); $.fn.ligerNoSelect && $('body').ligerNoSelect(); }).mouseup(function() { clearInterval(g.interval); g.inputText.trigger("change").focus(); $.fn.ligerNoSelect && $('body').ligerNoSelect(false); }); g.link.down.hover(function() { $(this).addClass("l-spinner-down-over"); }, function() { clearInterval(g.interval); $.fn.ligerNoSelect && $('body').ligerNoSelect(false); $(this).removeClass("l-spinner-down-over"); }).mousedown(function() { g.interval = setInterval(g.downing, p.interval); $.fn.ligerNoSelect && $('body').ligerNoSelect(); }).mouseup(function() { clearInterval(g.interval); g.inputText.trigger("change").focus(); $.fn.ligerNoSelect && $('body').ligerNoSelect(false); }); g.inputText.change(function() { var value = g.inputText.val(); g.value = g.getVerifyValue(value); if (p.onChangeValue) { p.onChangeValue(g.value); } g.inputText.val(g.value); }).blur(function() { g.wrapper.removeClass("l-text-focus"); }).focus(function() { g.wrapper.addClass("l-text-focus"); }); g.wrapper.hover(function() { g.wrapper.addClass("l-text-over"); }, function() { g.wrapper.removeClass("l-text-over"); }); this.useSpinner = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if(typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetTabManager = function() { return LigerUIManagers[this[0].id + "_Tab"]; }; $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Tab = { height: null, heightDiff: 0, // 高度补差 changeHeightOnResize: false, contextmenu : true, closeMessage : "关闭当前页", closeOtherMessage : "关闭其他", closeAllMessage : "关闭所有", reloadMessage : "刷新", onBeforeOverrideTabItem:null, onAfterOverrideTabItem:null, onBeforeRemoveTabItem:null, onAfterRemoveTabItem:null, onBeforeAddTabItem :null, onAfterAddTabItem:null, onBeforeSelectTabItem :null, onAfterSelectTabItem:null }; $.fn.ligerTab = function(p) { p = $.extend({},$.ligerDefaults.Tab, p || {}); this.each(function() { if (this.usedTab) return; if ($(this).hasClass('l-hidden')) { return; } var g = { //设置tab按钮(左和右),显示返回true,隐藏返回false setTabButton: function() { var sumwidth = 0; $("li", g.tab.links.ul).each(function() { sumwidth += $(this).width() + 2; }); var mainwidth = g.tab.width(); if (sumwidth > mainwidth) { g.tab.links.append('<div class="l-tab-links-left"></div><div class="l-tab-links-right"></div>'); g.setTabButtonEven(); return true; } else { g.tab.links.ul.animate({ left: 0 }); $(".l-tab-links-left,.l-tab-links-right", g.tab.links).remove(); return false; } }, //设置左右按钮的事件 标签超出最大宽度时,可左右拖动 setTabButtonEven: function() { $(".l-tab-links-left", g.tab.links).hover(function() { $(this).addClass("l-tab-links-left-over"); }, function() { $(this).removeClass("l-tab-links-left-over"); }).click(function() { g.moveToPrevTabItem(); }); $(".l-tab-links-right", g.tab.links).hover(function() { $(this).addClass("l-tab-links-right-over"); }, function() { $(this).removeClass("l-tab-links-right-over"); }).click(function() { g.moveToNextTabItem(); }); }, //切换到上一个tab moveToPrevTabItem: function() { var btnWitdth = $(".l-tab-links-left", g.tab.links).width(); var leftList = new Array(); //记录每个tab的left,由左到右 $("li", g.tab.links).each(function(i, item) { var currentItemLeft = -1 * btnWitdth; if (i > 0) { currentItemLeft = parseInt(leftList[i - 1]) + $(this).prev().width() + 2; } leftList.push(currentItemLeft); }); var currentLeft = -1 * parseInt(g.tab.links.ul.css("left")); for (var i = 0; i < leftList.length - 1; i++) { if (leftList[i] < currentLeft && leftList[i + 1] >= currentLeft) { g.tab.links.ul.animate({ left: -1 * parseInt(leftList[i]) }); return; } } }, //切换到下一个tab moveToNextTabItem: function() { var btnWitdth = $(".l-tab-links-right", g.tab).width(); var sumwidth = 0; var tabItems = $("li", g.tab.links.ul); tabItems.each(function() { sumwidth += $(this).width() + 2; }); var mainwidth = g.tab.width(); var leftList = new Array(); //记录每个tab的left,由右到左 for (var i = tabItems.length - 1; i >= 0; i--) { var currentItemLeft = sumwidth - mainwidth + btnWitdth + 2; if (i != tabItems.length - 1) { currentItemLeft = parseInt(leftList[tabItems.length - 2 - i]) - $(tabItems[i + 1]).width() - 2; } leftList.push(currentItemLeft); } var currentLeft = -1 * parseInt(g.tab.links.ul.css("left")); for (var i = 1; i < leftList.length; i++) { if (leftList[i] <= currentLeft && leftList[i - 1] > currentLeft) { g.tab.links.ul.animate({ left: -1 * parseInt(leftList[i - 1]) }); return; } } }, getTabItemCount : function() { return $("li", g.tab.links.ul).length; }, getSelectedTabItemID:function() { return $("li.l-selected", g.tab.links.ul).attr("tabid"); }, removeSelectedTabItem:function() { g.removeTabItem(g.getSelectedTabItemID()); }, //覆盖选择的tabitem overrideSelectedTabItem : function(options){ g.overrideTabItem(g.getSelectedTabItemID(),options); }, //覆盖 overrideTabItem : function(targettabid,options){ if(p.onBeforeOverrideTabItem && p.onBeforeOverrideTabItem(targettabid)==false) return false; var tabid = options.tabid; if (tabid == undefined) tabid = g.getNewTabid(); var url = options.url; var content = options.content; var target = options.target; var text = options.text; var showClose = options.showClose; var height = options.height; //如果已经存在 if (g.isTabItemExist(tabid)) { return; } var tabitem = $("li[tabid="+targettabid+"]", g.tab.links.ul); var contentitem = $(".l-tab-content-item[tabid="+targettabid+"]",g.tab.content); if(!tabitem || !contentitem) return ; tabitem.attr("tabid", tabid); contentitem.attr("tabid", tabid); if($("iframe", contentitem).length==0 && url) { contentitem.html("<iframe frameborder='0'></iframe>"); } else if(content) { contentitem.html(content); } $("iframe", contentitem).attr("name", tabid); if (showClose == undefined) showClose = true; if (showClose == false) $(".l-tab-links-item-close", tabitem).remove(); else{ if($(".l-tab-links-item-close", tabitem).length==0) tabitem.append("<div class='l-tab-links-item-close'></div>"); } if (text == undefined) text = tabid; if (height) contentitem.height(height); $("a", tabitem).text(text); $("iframe", contentitem).attr("src", url); p.onAfterOverrideTabItem && p.onAfterOverrideTabItem(targettabid); }, //选中tab项 selectTabItem: function(tabid) { if(p.onBeforeSelectTabItem && p.onBeforeSelectTabItem(tabid)==false) return false; g.selectedTabId = tabid; $("> .l-tab-content-item[tabid=" + tabid + "]", g.tab.content).show().siblings().hide(); $("li[tabid=" + tabid + "]", g.tab.links.ul).addClass("l-selected").siblings().removeClass("l-selected"); p.onAfterSelectTabItem && p.onAfterSelectTabItem(tabid); }, //移动到最后一个tab moveToLastTabItem: function() { var sumwidth = 0; $("li", g.tab.links.ul).each(function() { sumwidth += $(this).width() + 2; }); var mainwidth = g.tab.width(); if (sumwidth > mainwidth) { var btnWitdth = $(".l-tab-links-right", g.tab.links).width(); g.tab.links.ul.animate({ left: -1 * (sumwidth - mainwidth + btnWitdth + 2) }); } }, //判断tab是否存在 isTabItemExist: function(tabid) { return $("li[tabid=" + tabid + "]", g.tab.links.ul).length > 0; }, //增加一个tab addTabItem: function(options) { if(p.onBeforeAddTabItem && p.onBeforeAddTabItem(tabid)==false) return false; var tabid = options.tabid; if (tabid == undefined) tabid = g.getNewTabid(); var url = options.url; var content = options.content; var text = options.text; var showClose = options.showClose; var height = options.height; //如果已经存在 if (g.isTabItemExist(tabid)) { g.selectTabItem(tabid); return; } var tabitem = $("<li><a></a><div class='l-tab-links-item-left'></div><div class='l-tab-links-item-right'></div><div class='l-tab-links-item-close'></div></li>"); var contentitem = $("<div class='l-tab-content-item'><iframe frameborder='0'></iframe></div>"); if (g.makeFullHeight) { var newheight = g.tab.height() - g.tab.links.height(); contentitem.height(newheight); } tabitem.attr("tabid", tabid); contentitem.attr("tabid", tabid); $("iframe", contentitem).attr("name", tabid); if (showClose == undefined) showClose = true; if (showClose == false) $(".l-tab-links-item-close", tabitem).remove(); if (text == undefined) text = tabid; if (height) contentitem.height(height); $("a", tabitem).text(text); $("iframe", contentitem).attr("src", url); g.tab.links.ul.append(tabitem); g.tab.content.append(contentitem); g.selectTabItem(tabid); if (g.setTabButton()) { g.moveToLastTabItem(); } //增加事件 g.addTabItemEvent(tabitem); p.onAfterAddTabItem && p.onAfterAddTabItem(tabid); }, addTabItemEvent: function(tabitem) { tabitem.click(function() { var tabid = $(this).attr("tabid"); g.selectTabItem(tabid); }); //右键事件支持 g.tab.menu && po.addTabItemContextMenuEven(tabitem); $(".l-tab-links-item-close", tabitem).hover(function() { $(this).addClass("l-tab-links-item-close-over"); }, function() { $(this).removeClass("l-tab-links-item-close-over"); }).click(function() { var tabid = $(this).parent().attr("tabid"); g.removeTabItem(tabid); }); }, //移除tab项 removeTabItem: function(tabid) { if(p.onBeforeRemoveTabItem && p.onBeforeRemoveTabItem(tabid)==false) return false; var currentIsSelected = $("li[tabid=" + tabid + "]", g.tab.links.ul).hasClass("l-selected"); if (currentIsSelected) { $(".l-tab-content-item[tabid=" + tabid + "]", g.tab.content).prev().show(); $("li[tabid=" + tabid + "]", g.tab.links.ul).prev().addClass("l-selected").siblings().removeClass("l-selected"); } $(".l-tab-content-item[tabid=" + tabid + "]", g.tab.content).remove(); $("li[tabid=" + tabid + "]", g.tab.links.ul).remove(); g.setTabButton(); p.onAfterRemoveTabItem && p.onAfterRemoveTabItem(tabid); }, addHeight: function(heightDiff) { var newHeight = g.tab.height() + heightDiff; g.setHeight(newHeight); }, setHeight: function(height) { g.tab.height(height); g.setContentHeight(); }, setContentHeight: function() { var newheight = g.tab.height() - g.tab.links.height(); g.tab.content.height(newheight); $("> .l-tab-content-item", g.tab.content).height(newheight); }, getNewTabid: function() { var now = new Date(); return now.getTime(); }, //notabid 过滤掉tabid的 //noclose 过滤掉没有关闭按钮的 getTabidList : function(notabid,noclose) { var tabidlist = []; $("> li", g.tab.links.ul).each(function(){ if($(this).attr("tabid") && $(this).attr("tabid") != notabid && (!noclose || $(".l-tab-links-item-close",this).length > 0)) { tabidlist.push($(this).attr("tabid")); } }); return tabidlist; }, removeOther :function(tabid,compel) { var tabidlist = g.getTabidList(tabid,true); $(tabidlist).each(function(){ g.removeTabItem(this); }); }, reload :function(tabid) { $(".l-tab-content-item[tabid=" + tabid + "] iframe", g.tab.content).each(function(i,iframe){ $(iframe).attr("src",$(iframe).attr("src")); }); }, removeAll : function(compel) { var tabidlist = g.getTabidList(null,true); $(tabidlist).each(function(){ g.removeTabItem(this); }); }, onResize: function() { if (!p.height || typeof (p.height) != 'string' || p.height.indexOf('%') == -1) return false; //set tab height if (g.tab.parent()[0].tagName.toLowerCase() == "body") { var windowHeight = $(window).height(); windowHeight -= parseInt(g.tab.parent().css('paddingTop')); windowHeight -= parseInt(g.tab.parent().css('paddingBottom')); g.height = p.heightDiff + windowHeight * parseFloat(g.height) * 0.01; } else { g.height = p.heightDiff + (g.tab.parent().height() * parseFloat(p.height) * 0.01); } g.tab.height(g.height); g.setContentHeight(); } }; var po = { menuItemClick:function(item) { if(!item.id || !g.actionTabid) return; switch(item.id) { case "close": g.removeTabItem(g.actionTabid); g.actionTabid = null; break; case "closeother": g.removeOther(g.actionTabid); break; case "closeall": g.removeAll(); g.actionTabid = null; break; case "reload": g.selectTabItem(g.actionTabid); g.reload(g.actionTabid); break; } }, addTabItemContextMenuEven:function(tabitem) { tabitem.bind("contextmenu",function(e){ if(!g.tab.menu) return; g.actionTabid = tabitem.attr("tabid"); g.tab.menu.show({ top: e.pageY, left: e.pageX }); if($(".l-tab-links-item-close",this).length == 0) { g.tab.menu.setDisable('close'); } else { g.tab.menu.setEnable('close'); } return false; }); } }; if (p.height) g.makeFullHeight = true; g.tab = $(this); if (!g.tab.hasClass("l-tab")) g.tab.addClass("l-tab"); if(p.contextmenu && $.ligerMenu) { g.tab.menu = $.ligerMenu({width:100,items:[ {text:p.closeMessage,id:'close',click:po.menuItemClick}, {text:p.closeOtherMessage,id:'closeother',click:po.menuItemClick}, {text:p.closeAllMessage,id:'closeall',click:po.menuItemClick}, {text:p.reloadMessage,id:'reload',click:po.menuItemClick} ]}); } g.tab.content = $('<div class="l-tab-content"></div>'); $("> div", g.tab).appendTo(g.tab.content); g.tab.content.appendTo(g.tab); g.tab.links = $('<div class="l-tab-links"><ul style="left: 0px; "></ul></div>'); g.tab.links.prependTo(g.tab); g.tab.links.ul = $("ul", g.tab.links); var haslselected = $("> div[lselected=true]", g.tab.content).length > 0; g.selectedTabId = $("> div[lselected=true]", g.tab.content).attr("tabid"); $("> div", g.tab.content).each(function(i, box) { var li = $('<li class=""><a></a><div class="l-tab-links-item-left"></div><div class="l-tab-links-item-right"></div></li>'); if ($(box).attr("title")) { $("> a", li).html($(box).attr("title")); } var tabid = $(box).attr("tabid"); if (tabid == undefined) { tabid = g.getNewTabid(); $(box).attr("tabid", tabid); if ($(box).attr("lselected")) { g.selectedTabId = tabid; } } li.attr("tabid", tabid); if (!haslselected && i == 0) g.selectedTabId = tabid; var showClose = $(box).attr("showClose"); if (showClose) { li.append("<div class='l-tab-links-item-close'></div>"); } $("> ul", g.tab.links).append(li); if (!$(box).hasClass("l-tab-content-item")) $(box).addClass("l-tab-content-item"); }); //init g.selectTabItem(g.selectedTabId); //set content height if (p.height) { if (typeof (p.height) == 'string' && p.height.indexOf('%') > 0) { g.onResize(); if (p.changeHeightOnResize) { $(window).resize(function() { g.onResize(); }); } } else { g.setHeight(p.height); } } if (g.makeFullHeight) g.setContentHeight(); //add even $("li", g.tab.links).each(function() { g.addTabItemEvent($(this)); }); if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_Tab"] = g; this.usedTab = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_Tab"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_Tab"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.TextBox = { onBeforeInput: null, onInputed: null, onChangeValue: null, width: null }; /// <param name="$" type="jQuery"></param> $.fn.ligerTextBox = function (options) { return this.each(function () { if (this.usedTextBox) return; var p = $.extend({}, options || {}); if ($(this).attr("ligerui")) { try { var attroptions = $(this).attr("ligerui"); if (attroptions.indexOf('{') < 0) attroptions = "{" + attroptions + "}"; eval("attroptions = " + attroptions + ";"); if (attroptions) p = $.extend({}, attroptions, p || {}); } catch (e) { } } p = $.extend({}, $.ligerDefaults.TextBox, p || {}); var g = {}; g.inputText = $(this); //外层 g.wrapper = g.inputText.wrap('<div class="l-text"></div>').parent(); g.wrapper.append('<div class="l-text-l"></div><div class="l-text-r"></div>'); if (!g.inputText.hasClass("l-text-field")) g.inputText.addClass("l-text-field"); if (!p.width) { p.width = 120; } g.wrapper.css({ width: p.width }); g.inputText.css({ width: p.width - 4 }); if (p.height) { g.wrapper.height(p.height); g.inputText.height(p.height - 2); } g.inputText .bind('blur.ligerTextBox', function () { g.wrapper.removeClass("l-text-focus"); }).bind('focus.ligerTextBox', function () { g.wrapper.addClass("l-text-focus"); }) .change(function () { if (p.onChangeValue) { p.onChangeValue(this.value); } }); g.wrapper.hover(function () { g.wrapper.addClass("l-text-over"); }, function () { g.wrapper.removeClass("l-text-over"); }); this.usedTextBox = true; }); }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ (function($) { $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Tip = { content: null, callback: null, width: 150, height: null, distanceX: 1, distanceY: -3, appendIdTo: null //保存ID到那一个对象(jQuery) }; /// <param name="$" type="jQuery"></param> $.fn.ligerTip = function(p) { p = $.extend({}, $.ligerDefaults.Tip, p || {}); this.each(function() { var tip = null; var tipid = $(this).attr("ligerTipId"); if (tipid) { tip = $("#" + tipid); if (p.content == "") tip.remove(); else $(".l-verify-tip-content", tip).html(p.content); } else if (p.content) { tip = $('<div class="l-verify-tip"><div class="l-verify-tip-corner"></div><div class="l-verify-tip-content">' + p.content + '</div></div>'); tip.attr("id", "ligerUI" + new Date().getTime()); tip.appendTo('body'); } if (!tip) return; tip.css({ left: $(this).offset().left + $(this).width() + p.distanceX, top: $(this).offset().top + p.distanceY }).show(); $(this).attr("ligerTipId", tip.attr("id")); p.width && $("> .l-verify-tip-content", tip).width(p.width - 8); p.height && $("> .l-verify-tip-content", tip).width(p.height); p.appendIdTo && p.appendIdTo.attr("ligerTipId", tip.attr("id")); p.callback && p.callback(tip); }); if (this.length == 0) return null; if (this.length == 1) return this[0].ligerTip; var tips = []; this.each(function() { tips.push(this.ligerTip); }); return tips; }; $.fn.ligerHideTip = function(p) { return this.each(function() { var tipid = $(this).attr("ligerTipId"); if (tipid) { $("#" + tipid).remove(); $("[ligerTipId=" + tipid + "]").removeAttr("ligerTipId"); } }); }; })(jQuery); /** * jQuery ligerUI 1.0.1.1 * * Author leoxie [ gd_star@163.com ] * */ if(typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetToolBarManager = function() { return LigerUIManagers[this[0].id + "_ToolBar"]; }; $.fn.ligerToolBar = function(p) { this.each(function() { if (this.usedToolBar) return; var g ={ addItem :function(item){ var ditem = $('<div class="l-toolbar-item l-panel-btn"><span></span><div class="l-panel-btn-l"></div><div class="l-panel-btn-r"></div></div>'); g.toolBar.append(ditem); item.id && ditem.attr("toolbarid",item.id); if(item.icon) { ditem.append("<div class='l-icon l-icon-"+item.icon+"'></div>"); ditem.addClass("l-toolbar-item-hasicon"); } item.text && $("span:first",ditem).html(item.text); item.disable && ditem.addClass("l-toolbar-item-disable"); item.click && ditem.click(function(){ item.click(item);}); ditem.hover(function () { $(this).addClass("l-panel-btn-over"); }, function () { $(this).removeClass("l-panel-btn-over"); }); } }; g.toolBar = $(this); if(!g.toolBar.hasClass("l-toolbar")) g.toolBar.addClass("l-toolbar"); if(p.items) { $(p.items).each(function(i,item){ g.addItem(item); }); } if (this.id == undefined) this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_ToolBar"] = g; this.usedToolBar = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_ToolBar"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_ToolBar"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.2 * * Author leoxie [ gd_star@163.com ] * */ if(typeof (LigerUIManagers) == "undefined") LigerUIManagers = {}; (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerGetTreeManager = function () { return LigerUIManagers[this[0].id + "_Tree"]; }; $.ligerDefaults = $.ligerDefaults || {}; $.ligerDefaults.Tree = { url: null, data: null, checkbox: true, autoCheckboxEven : true, parentIcon: 'folder', childIcon: 'leaf', textFieldName: 'text', attribute : ['id','url'], treeLine : true, //是否显示line nodeWidth: 90, statusName : '__status', isLeaf : null, //是否子节点的判断函数 onBeforeExpand : null, onContextmenu : null, onExpand : null, onBeforeCollapse: null, onCollapse : null, onBeforeSelect :null, onSelect :null, onBeforeCancelSelect :null, onCancelselect :null, onCheck :null, onSuccess:null, onError:null, onClick:null, idFieldName : null, parentIDFieldName:null, topParentIDValue : 0 }; $.fn.ligerTree = function (p) { this.each(function () { p = $.extend({},$.ligerDefaults.Tree, p || {}); if (this.usedTree) return; if ($(this).hasClass('l-hidden')) { return; } //public Object var g = { getData :function() { return g.data; }, //是否包含子节点 hasChildren: function (treenodedata) { if(p.isLeaf) return p.isLeaf(treenodedata); return treenodedata.children ? true: false; }, //获取父节点 getParentTreeItem: function (treenode, level) { var treeitem = $(treenode); if (treeitem.parent().hasClass("l-tree")) return null; if (level == undefined) { if (treeitem.parent().parent("li").length == 0) return null; return treeitem.parent().parent("li")[0]; } var currentLevel = parseInt(treeitem.attr("outlinelevel")); var currenttreeitem = treeitem; for (var i = currentLevel - 1; i >= level; i--) { currenttreeitem = currenttreeitem.parent().parent("li"); } return currenttreeitem[0]; }, getChecked: function () { if (!p.checkbox) return null; var nodes = []; $(".l-checkbox-checked", g.tree).parent().parent("li").each(function () { var treedataindex = parseInt($(this).attr("treedataindex")); nodes.push({ target: this,data:po.getDataNodeByTreeDataIndex(g.data,treedataindex) }); }); return nodes; }, getSelected: function () { var node = {}; node.target = $(".l-selected", g.tree).parent("li")[0]; if (node.target) { var treedataindex = parseInt($(node.target).attr("treedataindex")); node.data = po.getDataNodeByTreeDataIndex(g.data,treedataindex); return node; } return null; }, //升级为父节点级别 upgrade: function (treeNode) { $(".l-note", treeNode).each(function () { $(this).removeClass("l-note").addClass("l-expandable-open"); }); $(".l-note-last", treeNode).each(function () { $(this).removeClass("l-note-last").addClass("l-expandable-open"); }); $("." + po.getChildNodeClassName(), treeNode).each(function () { $(this) .removeClass(po.getChildNodeClassName()) .addClass(po.getParentNodeClassName(true)); }); }, //降级为叶节点级别 demotion: function (treeNode) { if (!treeNode && treeNode[0].tagName.toLowerCase() != 'li') return; var islast = $(treeNode).hasClass("l-last"); $(".l-expandable-open", treeNode).each(function () { $(this).removeClass("l-expandable-open") .addClass(islast ? "l-note-last" : "l-note"); }); $(".l-expandable-close", treeNode).each(function () { $(this).removeClass("l-expandable-close") .addClass(islast ? "l-note-last" : "l-note"); }); $("." + po.getParentNodeClassName(true), treeNode).each(function () { $(this) .removeClass(po.getParentNodeClassName(true)) .addClass(po.getChildNodeClassName()); }); }, collapseAll: function () { $(".l-expandable-open", g.tree).click(); }, expandAll: function () { $(".l-expandable-close", g.tree).click(); }, loadData: function (node, url,param) { g.loading.show(); param = param || {}; //请求服务器 $.ajax({ type: 'post', url: url, data: param, dataType: 'json', success: function (data) { g.loading.hide(); g.append(node, data); if (p.onSuccess) p.onSuccess(data); }, error: function (XMLHttpRequest, textStatus, errorThrown) { try { g.loading.hide(); if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown); } catch (e) { } } }); }, //清空 clear: function () { //g.tree.html(""); $("> li",g.tree).each(function(){ g.remove(this);}); }, remove: function (treeNode) { var treedataindex = parseInt($(treeNode).attr("treedataindex")); var treenodedata = po.getDataNodeByTreeDataIndex(g.data,treedataindex); if(treenodedata) po.setTreeDataStatus([treenodedata],'delete'); var parentNode = g.getParentTreeItem(treeNode); //复选框处理 if (p.checkbox) { $(".l-checkbox", treeNode).remove(); po.setParentCheckboxStatus($(treeNode)); } $(treeNode).remove(); if (parentNode == null) //代表顶级节点 { parentNode = g.tree.parent(); } //set parent var treeitemlength = $("> ul > li", parentNode).length; if (treeitemlength > 0) { //遍历设置子节点 $("> ul > li", parentNode).each(function (i, item) { if (i == 0 && !$(this).hasClass("l-first")) $(this).addClass("l-first"); if (i == treeitemlength - 1 && !$(this).hasClass("l-last")) $(this).addClass("l-last"); if (i == 0 && i == treeitemlength - 1 && !$(this).hasClass("l-onlychild")) $(this).addClass("l-onlychild"); $("> div .l-note,> div .l-note-last", this) .removeClass("l-note l-note-last") .addClass(i == treeitemlength - 1 ? "l-note-last" : "l-note"); po.setTreeItem(this, { isLast: i == treeitemlength - 1 }); }); } }, //增加节点集合 append: function (parentNode, newdata) { if (!newdata || !newdata.length) return false; if(p.idFieldName && p.parentIDFieldName) newdata = po.convertData(newdata); po.addTreeDataIndexToData(newdata); po.setTreeDataStatus(newdata,'add'); po.appendData(parentNode,newdata); if (!parentNode)//增加到根节点 { //remove last node class if ($("> li:last", g.tree).length > 0) po.setTreeItem($("> li:last", g.tree)[0], { isLast: false }); var gridhtmlarr = po.getTreeHTMLByData(newdata,1,[],true); gridhtmlarr[gridhtmlarr.length-1] = gridhtmlarr[0] = ""; g.tree.append(gridhtmlarr.join('')); $(".l-body", g.tree).hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); po.upadteTreeWidth(); return; } var treeitem = $(parentNode); var outlineLevel = parseInt(treeitem.attr("outlinelevel")); var hasChildren = $("> ul", treeitem).length > 0; if (!hasChildren) { treeitem.append("<ul class='l-children'></ul>"); //设置为父节点 g.upgrade(parentNode); } //remove last node class if ($("> .l-children > li:last", treeitem).length > 0) po.setTreeItem($("> .l-children > li:last", treeitem)[0], { isLast: false }); var isLast = []; for (var i = 1; i <= outlineLevel - 1; i++) { var currentParentTreeItem = $(g.getParentTreeItem(parentNode, i)); isLast.push(currentParentTreeItem.hasClass("l-last")); } isLast.push(treeitem.hasClass("l-last")); var gridhtmlarr = po.getTreeHTMLByData(newdata,outlineLevel+1,isLast,true); gridhtmlarr[gridhtmlarr.length-1] = gridhtmlarr[0] = ""; $(">.l-children",parentNode).append(gridhtmlarr.join('')); po.upadteTreeWidth(); $(">.l-children .l-body", parentNode).hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); } }; //private Object var po = { //根据数据索引获取数据 getDataNodeByTreeDataIndex:function(data,treedataindex) { for(var i =0;i<data.length;i++) { if(data[i].treedataindex == treedataindex) return data[i]; if(data[i].children) { var targetData= po.getDataNodeByTreeDataIndex(data[i].children,treedataindex); if(targetData) return targetData; } } return null; }, //设置数据状态 setTreeDataStatus : function(data,status) { $(data).each(function () { this[p.statusName] = status; if(this.children) { po.setTreeDataStatus(this.children,status); } }); }, //设置data 索引 addTreeDataIndexToData : function(data) { $(data).each(function () { if(this.treedataindex != undefined) return; this.treedataindex = g.treedataindex++; if(this.children) { po.addTreeDataIndexToData(this.children); } }); }, //添加项到g.data appendData: function (treeNode,data) { var treedataindex = parseInt($(treeNode).attr("treedataindex")); var treenodedata = po.getDataNodeByTreeDataIndex(g.data,treedataindex); if(g.treedataindex == undefined) g.treedataindex = 0; if(treenodedata && treenodedata.children == undefined) treenodedata.children =[]; $(data).each(function (i,item) { if(treenodedata) treenodedata.children[treenodedata.children.length] = $.extend({},item); else g.data[g.data.length] = $.extend({},item); }); }, setTreeItem: function (treeNode, options) { if (!options) return; var treeItem = $(treeNode); var outlineLevel = parseInt(treeItem.attr("outlinelevel")); if (options.isLast != undefined) { if (options.isLast == true) { treeItem.removeClass("l-last").addClass("l-last"); $("> div .l-note", treeItem).removeClass("l-note").addClass("l-note-last"); $(".l-children li", treeItem) .find(".l-box:eq(" + (outlineLevel - 1) + ")") .removeClass("l-line"); } else if (options.isLast == false) { treeItem.removeClass("l-last"); $("> div .l-note-last", treeItem).removeClass("l-note-last").addClass("l-note"); $(".l-children li", treeItem) .find(".l-box:eq(" + (outlineLevel - 1) + ")") .removeClass("l-line") .addClass("l-line"); } } }, upadteTreeWidth: function () { var treeWidth = g.maxOutlineLevel * 22; if (p.checkbox) treeWidth += 22; if (p.parentIcon || p.childIcon) treeWidth += 22; treeWidth += p.nodeWidth; g.tree.width(treeWidth); }, getChildNodeClassName: function () { return 'l-tree-icon-' + p.childIcon; }, getParentNodeClassName: function (isOpen) { var nodeclassname = 'l-tree-icon-' + p.parentIcon; if (isOpen) nodeclassname += '-open'; return nodeclassname; }, //根据data生成最终完整的tree html getTreeHTMLByData:function(data,outlineLevel ,isLast,isExpand) { if (g.maxOutlineLevel < outlineLevel) g.maxOutlineLevel = outlineLevel; isLast = isLast || []; outlineLevel = outlineLevel || 1; var treehtmlarr = []; if(!isExpand) treehtmlarr.push('<ul class="l-children" style="display:none">'); else treehtmlarr.push("<ul class='l-children'>"); for (var i = 0; i < data.length; i++) { var isFirst = i==0; var isLastCurrent = i==data.length-1; var isExpandCurrent = true; if(data[i].isexpand==false || data[i].isexpand == "false") isExpandCurrent = false; treehtmlarr.push('<li '); if(data[i].treedataindex!=undefined) treehtmlarr.push('treedataindex="'+data[i].treedataindex+'" '); if(isExpandCurrent) treehtmlarr.push('isexpand='+data[i].isexpand +' '); treehtmlarr.push('outlinelevel='+outlineLevel +' '); //增加属性支持 for(var j=0;j<g.sysAttribute.length;j++) { if($(this).attr(g.sysAttribute[j])) data[dataindex][g.sysAttribute[j]] = $(this).attr(g.sysAttribute[j]); } for(var j=0;j<p.attribute.length;j++) { if(data[i][p.attribute[j]]) treehtmlarr.push(p.attribute[j] + '="'+data[i][p.attribute[j]]+'" '); } //css class treehtmlarr.push('class="'); isFirst && treehtmlarr.push('l-first '); isLastCurrent && treehtmlarr.push('l-last '); isFirst && isLastCurrent && treehtmlarr.push('l-onlychild '); treehtmlarr.push('"'); treehtmlarr.push('>'); treehtmlarr.push('<div class="l-body">'); for (var k = 0; k <= outlineLevel - 2; k++) { if(isLast[k]) treehtmlarr.push('<div class="l-box"></div>'); else treehtmlarr.push('<div class="l-box l-line"></div>'); } if (g.hasChildren(data[i])) { if(isExpandCurrent) treehtmlarr.push('<div class="l-box l-expandable-open"></div>'); else treehtmlarr.push('<div class="l-box l-expandable-close"></div>'); if(p.checkbox) { if(data[i].ischecked) treehtmlarr.push('<div class="l-box l-checkbox l-checkbox-checked"></div>'); else treehtmlarr.push('<div class="l-box l-checkbox l-checkbox-unchecked"></div>'); } p.parentIcon && !isExpandCurrent && treehtmlarr.push('<div class="l-box ' + po.getParentNodeClassName() + '"></div>'); p.parentIcon && isExpandCurrent && treehtmlarr.push('<div class="l-box ' + po.getParentNodeClassName(true) + '"></div>'); } else { if(isLastCurrent) treehtmlarr.push('<div class="l-box l-note-last"></div>'); else treehtmlarr.push('<div class="l-box l-note"></div>'); if(p.checkbox) { if(data[i].ischecked) treehtmlarr.push('<div class="l-box l-checkbox l-checkbox-checked"></div>'); else treehtmlarr.push('<div class="l-box l-checkbox l-checkbox-unchecked"></div>'); } p.childIcon && treehtmlarr.push('<div class="l-box ' + po.getChildNodeClassName() + '"></div>'); } treehtmlarr.push('<span>' + data[i][p.textFieldName] + '</span></div>'); if (g.hasChildren(data[i])) { var isLastNew = []; for(var k=0;k<isLast.length;k++) { isLastNew.push(isLast[k]); } isLastNew.push(isLastCurrent); treehtmlarr.push(po.getTreeHTMLByData(data[i].children,outlineLevel+1,isLastNew,isExpandCurrent).join('')); } treehtmlarr.push('</li>'); } treehtmlarr.push("</ul>"); return treehtmlarr; }, //根据简洁的html获取data getDataByTreeHTML : function(treeDom) { var data = []; $("> li", treeDom).each(function (i, item) { var dataindex = data.length; data[dataindex] = { treedataindex:g.treedataindex++ }; data[dataindex][p.textFieldName] = $("> span,> a",this).html(); for(var j=0;j<g.sysAttribute.length;j++) { if($(this).attr(g.sysAttribute[j])) data[dataindex][g.sysAttribute[j]] = $(this).attr(g.sysAttribute[j]); } for(var j=0;j<p.attribute.length;j++) { if($(this).attr(p.attribute[j])) data[dataindex][p.attribute[j]] = $(this).attr(p.attribute[j]); } if($("> ul",this).length>0) { data[dataindex].children = po.getDataByTreeHTML($("> ul",this)); } }); return data; }, applyTree: function () { g.data = po.getDataByTreeHTML(g.tree); var gridhtmlarr = po.getTreeHTMLByData(g.data,1,[],true); gridhtmlarr[gridhtmlarr.length-1] = gridhtmlarr[0] = ""; g.tree.html(gridhtmlarr.join('')); po.upadteTreeWidth(); $(".l-body", g.tree).hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); }, applyTreeEven: function (treeNode) { $("> .l-body", treeNode).hover(function () { $(this).addClass("l-over"); }, function () { $(this).removeClass("l-over"); }); }, setTreeEven : function() { p.onContextmenu && g.tree.bind("contextmenu",function(e){ var obj = (e.target || e.srcElement); var treeitem = null; if(obj.tagName.toLowerCase() == "a" || obj.tagName.toLowerCase()=="span" || $(obj).hasClass("l-box")) treeitem = $(obj).parent().parent(); else if($(obj).hasClass("l-body")) treeitem = $(obj).parent(); else if(obj.tagName.toLowerCase() == "li") treeitem = $(obj); if(!treeitem) return; var treedataindex = parseInt(treeitem.attr("treedataindex")); var treenodedata = po.getDataNodeByTreeDataIndex(g.data,treedataindex); return p.onContextmenu({data:treenodedata,target:treeitem[0]},e); }); g.tree.click(function (e) { var obj = (e.target || e.srcElement); var treeitem = null; if(obj.tagName.toLowerCase() == "a" || obj.tagName.toLowerCase()=="span" || $(obj).hasClass("l-box")) treeitem = $(obj).parent().parent(); else if($(obj).hasClass("l-body")) treeitem = $(obj).parent(); else treeitem = $(obj); if(!treeitem) return; var treedataindex = parseInt(treeitem.attr("treedataindex")); var treenodedata = po.getDataNodeByTreeDataIndex(g.data,treedataindex); var treeitembtn = $(".l-body:first .l-expandable-open:first,.l-body:first .l-expandable-close:first",treeitem); if(!$(obj).hasClass("l-checkbox")) { if ($(">div:first",treeitem).hasClass("l-selected")) { if(p.onBeforeCancelSelect && p.onBeforeCancelSelect({data:treenodedata,target:treeitem[0]}) == false) return false; $(">div:first",treeitem).removeClass("l-selected"); p.onCancelSelect && p.onCancelSelect({data:treenodedata,target:treeitem[0]}); } else { if(p.onBeforeSelect && p.onBeforeSelect({data:treenodedata,target:treeitem[0]}) == false) return false; $(".l-body", g.tree).removeClass("l-selected"); $(">div:first",treeitem).addClass("l-selected"); p.onSelect && p.onSelect({data:treenodedata,target:treeitem[0]}); } } //chekcbox even if ($(obj).hasClass("l-checkbox")) { if(p.autoCheckboxEven) { //状态:未选中 if ($(obj).hasClass("l-checkbox-unchecked")) { $(obj).removeClass("l-checkbox-unchecked").addClass("l-checkbox-checked"); $(".l-children .l-checkbox", treeitem) .removeClass("l-checkbox-incomplete l-checkbox-unchecked") .addClass("l-checkbox-checked"); p.onCheck && p.onCheck({data:treenodedata,target:treeitem[0]},true); } //状态:选中 else if ($(obj).hasClass("l-checkbox-checked")) { $(obj).removeClass("l-checkbox-checked").addClass("l-checkbox-unchecked"); $(".l-children .l-checkbox", treeitem) .removeClass("l-checkbox-incomplete l-checkbox-checked") .addClass("l-checkbox-unchecked"); p.onCheck && p.onCheck({data:treenodedata,target:treeitem[0]},false); } //状态:未完全选中 else if ($(obj).hasClass("l-checkbox-incomplete")) { $(obj).removeClass("l-checkbox-incomplete").addClass("l-checkbox-checked"); $(".l-children .l-checkbox", treeitem) .removeClass("l-checkbox-incomplete l-checkbox-unchecked") .addClass("l-checkbox-checked"); p.onCheck && p.onCheck({data:treenodedata,target:treeitem[0]},true); } po.setParentCheckboxStatus(treeitem); } } //状态:已经张开 else if (treeitembtn.hasClass("l-expandable-open")) { if(p.onBeforeCollapse && p.onBeforeCollapse({data:treenodedata,target:treeitem[0]}) == false) return false; treeitembtn .removeClass("l-expandable-open") .addClass("l-expandable-close"); $("> .l-children", treeitem).slideToggle('fast'); $("> div ." + po.getParentNodeClassName(true), treeitem) .removeClass(po.getParentNodeClassName(true)) .addClass(po.getParentNodeClassName()); p.onCollapse && p.onCollapse({data:treenodedata,target:treeitem[0]}); } //状态:没有张开 else if (treeitembtn.hasClass("l-expandable-close")) { if(p.onBeforeExpand && p.onBeforeExpand({data:treenodedata,target:treeitem[0]}) == false) return false; treeitembtn .removeClass("l-expandable-close") .addClass("l-expandable-open"); $("> .l-children", treeitem).slideToggle('fast',function(){ p.onExpand && p.onExpand({data:treenodedata,target:treeitem[0]}); }); $("> div ." + po.getParentNodeClassName(), treeitem) .removeClass(po.getParentNodeClassName()) .addClass(po.getParentNodeClassName(true)); } p.onClick && p.onClick({data:treenodedata,target:treeitem[0]}); }); }, //递归设置父节点的状态 setParentCheckboxStatus: function (treeitem) { //当前同级别或低级别的节点是否都选中了 var isCheckedComplete = $(".l-checkbox-unchecked", treeitem.parent()).length == 0; //当前同级别或低级别的节点是否都没有选中 var isCheckedNull = $(".l-checkbox-checked", treeitem.parent()).length == 0; if (isCheckedComplete) { treeitem.parent().prev().find(".l-checkbox") .removeClass("l-checkbox-unchecked l-checkbox-incomplete") .addClass("l-checkbox-checked"); } else if (isCheckedNull) { treeitem.parent().prev().find("> .l-checkbox") .removeClass("l-checkbox-checked l-checkbox-incomplete") .addClass("l-checkbox-unchecked"); } else { treeitem.parent().prev().find("> .l-checkbox") .removeClass("l-checkbox-unchecked l-checkbox-checked") .addClass("l-checkbox-incomplete"); } if (treeitem.parent().parent("li").length > 0) po.setParentCheckboxStatus(treeitem.parent().parent("li")); }, convertData:function(data) //将ID、ParentID这种数据格式转换为树格式 { if(!data || !data.length) return []; var isolate = function(pid)//根据ParentID判断是否孤立 { if(pid == p.topParentIDValue) return false; for(var i=0;i<data.length;i++) { if(data[i][p.idFieldName] == pid) return false; } return true; }; //计算孤立节点的个数 var isolateLength =0; for(var i=0;i<data.length;i++) { if(isolate(data[i][p.parentIDFieldName])) isolateLength++; } var targetData = []; //存储数据的容器(返回) var itemLength = data.length; //数据集合的个数 var insertedLength = 0; //已插入的数据个数 var currentIndex = 0; //当前数据索引 var getItem = function(container,id) //获取数据项(为空时表示没有插入) { if(!container.length) return null; for(var i=0;i<container.length;i++) { if(container[i][p.idFieldName] == id) return container[i]; if(container[i].children) { var finditem = getItem(container[i].children,id); if(finditem) return finditem; } } return null; }; var addItem = function(container,item) //插入数据项 { container.push($.extend({},item)); insertedLength++; }; //判断已经插入的节点和孤立节点 的个数总和是否已经满足条件 while(insertedLength + isolateLength <itemLength) { var item = data[currentIndex]; var id = item[p.idFieldName]; var pid = item[p.parentIDFieldName]; if(pid == p.topParentIDValue)//根节点 { getItem(targetData,id) == null && addItem(targetData,item); } else { var pitem = getItem(targetData,pid); if(pitem && getItem(targetData,id) == null)//找到父节点数据并且还没插入 { pitem.children = pitem.children || []; addItem(pitem.children,item); } } currentIndex = (currentIndex+1)%itemLength; } return targetData; } }; if (!$(this).hasClass('l-tree')) $(this).addClass('l-tree'); g.tree = $(this); if(!p.treeLine) g.tree.addClass("l-tree-noline"); g.sysAttribute = ['isexpand','ischecked','href','style']; g.loading = $("<div class='l-tree-loading'></div>"); g.tree.after(g.loading); g.data = []; g.maxOutlineLevel = 1; g.treedataindex = 0; po.applyTree(); po.setTreeEven(); if (p.data) { g.append(null, p.data); } if (p.url) { g.loadData(null, p.url); } if (this.id == undefined || this.id == "") this.id = "LigerUI_" + new Date().getTime(); LigerUIManagers[this.id + "_Tree"] = g; this.usedTree = true; }); if (this.length == 0) return null; if (this.length == 1) return LigerUIManagers[this[0].id + "_Tree"]; var managers = []; this.each(function() { managers.push(LigerUIManagers[this.id + "_Tree"]); }); return managers; }; })(jQuery);/** * jQuery ligerUI 1.0.0 * * Author leoxie [ gd_star@163.com ] * */ (function ($) { /// <param name="$" type="jQuery"></param> $.fn.ligerApplyWindow = function (p) { return this.each(function () { p = $.extend({ showClose: true, showMax: true, showToggle: true }, p || {}); var g = {}; g.window = $('<div class="l-window"><div class="l-window-header"><div class="l-window-header-buttons"><div class="l-window-toggle"></div><div class="l-window-max"></div><div class="l-window-close"></div><div class="l-clear"></div></div><div class="l-window-header-inner"></div></div><div class="l-window-content"></div></div>'); g.window.content = $(".l-window-content", g.window); g.window.header = $(".l-window-header", g.window); $(this).appendTo(g.window.content); $.ligerWindow.switchWindow(g.window[0]); $('body').append(g.window); //设置参数属性 p.left && g.window.css('left', p.left); p.right && g.window.css('right', p.right); p.top && g.window.css('top', p.top); p.bottom && g.window.css('bottom', p.bottom); p.width && g.window.width(p.width); p.height && g.window.content.height(p.height - 28); p.title && $(".l-window-header-inner", g.window.header).html(p.title); p.framename && $(">iframe", g.window.content).attr('name', p.framename); if (!p.showToggle) $(".l-window-toggle", g.window).remove(); if (!p.showMax) $(".l-window-max", g.window).remove(); if (!p.showClose) $(".l-window-close", g.window).remove(); //拖动支持 if ($.fn.ligerDrag) { g.window.ligerDrag({ handler: '.l-window-header', onStartDrag: function () { $.ligerWindow.switchWindow(g.window[0]); g.window.addClass("l-window-dragging"); g.window.content.children().hide(); }, onStopDrag: function () { g.window.removeClass("l-window-dragging"); g.window.content.children().show(); } }); } //改变大小支持 if ($.fn.ligerResizable) { g.window.ligerResizable({ onStartResize: function () { $.ligerWindow.switchWindow(g.window[0]); if ($(".l-window-max", g.window).hasClass("l-window-regain")) { $(".l-window-max", g.window).removeClass("l-window-regain"); } }, onStopResize: function (current, e) { var top = 0; var left = 0; if (!isNaN(parseInt(g.window.css('top')))) top = parseInt(g.window.css('top')); if (!isNaN(parseInt(g.window.css('left')))) left = parseInt(g.window.css('left')); if (current.diffTop != undefined) { g.window.css({ top: top + current.diffTop, left: left + current.diffLeft, width: current.newWidth }); g.window.content.height(current.newHeight - 28); } return false; } }); g.window.append("<div class='l-btn-nw-drop'></div>"); } //设置事件 $(".l-window-toggle", g.window).click(function () { if ($(this).hasClass("l-window-toggle-close")) { $(this).removeClass("l-window-toggle-close"); } else { $(this).addClass("l-window-toggle-close"); } g.window.content.slideToggle(); }); $(".l-window-close", g.window).click(function () { if (p.onClose && p.onClose() == false) return false; g.window.hide(); }); $(".l-window-max", g.window).click(function () { if ($(this).hasClass("l-window-regain")) { if (p.onRegain && p.onRegain() == false) return false; g.window.width(g.lastWindowWidth).css({ left: g.lastWindowLeft, top: g.lastWindowTop }); g.window.content.height(g.lastWindowHeight - 28); $(this).removeClass("l-window-regain"); } else { if (p.onMax && p.onMax() == false) return false; g.lastWindowWidth = g.window.width(); g.lastWindowHeight = g.window.height(); g.lastWindowLeft = g.window.css('left'); g.lastWindowTop = g.window.css('top'); g.window.width($(window).width() - 2).css({ left: 0, top: 0 }); g.window.content.height($(window).height() - 28); $(this).addClass("l-window-regain"); } }); }); } $.ligerWindow = {}; $.ligerWindow.switchWindow = function (window) { $(window).css("z-index", "101").siblings(".l-window").css("z-index", "100"); }; $.ligerWindow.show = function (p) { p = p || {}; if (p.url) { var iframe = $("<iframe frameborder='0' src='" + p.url + "'></iframe>"); var framename = "window" + new Date().getTime(); if (p.name) framename = p.name; iframe.attr("name", framename); p.framename = framename; iframe.ligerApplyWindow($.extend({}, p)); } else if (p.content) { var content = $("<div>" + p.content + "</div>"); content.ligerApplyWindow($.extend({}, p)); } else if (p.target) { p.target.ligerApplyWindow($.extend({}, p)); } }; })(jQuery);
发表评论
文章已被作者锁定,不允许评论。
-
dialog
2014-01-06 15:26 0div.rzy-mask { background-co ... -
box.js
2013-12-23 15:54 737jQuery.fn.center = function(sc ... -
IE6 autocomplete
2013-12-11 10:05 649aaa -
Callable Future
2013-12-09 09:00 627package advancedJava; impor ... -
RequestContext
2013-12-06 11:30 496package util; import java.i ... -
XUtil
2013-12-04 15:21 1199package util; import java.i ... -
ActionFilter
2013-12-04 09:02 476package util; import java. ... -
最新基于Json 协议的架构
2013-12-02 23:35 724package util; import java. ... -
权限脚本
2013-11-27 09:32 525aa DROP TABLE IF EXISTS seq; ... -
主框架
2013-04-10 23:30 607<!DOCTYPE HTML PUBLIC &quo ... -
java 备份mysql
2012-07-01 01:18 777import java.io.BufferedReader;i ... -
权限管理
2012-06-23 02:14 705权限管理 -
FTPUPLOAD
2012-04-28 17:56 0package util; import java.io ... -
layout
2011-11-15 22:49 661$(function () { ... -
ligerui.css
2011-11-15 22:41 1259/* YUI CSS Reset */ html{col ... -
LigerUI
2011-11-13 16:52 876SDFD -
js 控件集
2011-11-06 00:39 976js 控件集 -
fileutil
2011-10-24 16:04 886import java.io.File; import ja ... -
语法高亮
2011-10-21 16:17 694语法高亮 -
dbutil
2011-10-20 15:50 950import java.io.IOException; im ...
相关推荐
jQuery UI Accordion是一款非常流行的JavaScript库,用于创建交互式的折叠菜单。这个组件使得网页内容能够以一种有序且节省空间的方式展现,用户可以逐个展开或关闭各个部分,从而提高用户体验。在本文中,我们将...
在本文中,我们将深入探讨Silverlight中的Accordion组件及其在动态生成场景中的应用。Silverlight,由微软开发,是一种用于创建富互联网应用程序(RIA)的技术,它允许开发者构建具有丰富的交互性和多媒体功能的Web...
"Accordion"在IT行业中通常指的是一个用户界面元素,它是一种可折叠的内容区域,常用于网页设计和应用程序中。这种设计模式允许用户展开或关闭各个部分,以显示或隐藏详细信息,从而节省空间并提高交互性。它在网页...
"Accordion折叠面板+CollapsiblePanel 面板隐藏" 是一种常见的UI设计模式,尤其在Web开发中广泛应用。这个压缩包文件包含了实现这种设计模式的相关资源,下面我们将深入探讨这两个组件以及它们在实际开发中的应用。 ...
jQuery Accordion是一款非常流行的JavaScript插件,用于创建可折叠的面板式布局,常用于构建菜单栏、信息分类或导航结构。在本示例中,我们将深入探讨如何利用jQuery Accordion来构建一个树形菜单栏框架。 首先,让...
在网页设计和开发中,jQuery Accordion 是一种常见的交互元素,它通过折叠和展开的方式组织内容,使得用户能够更高效地浏览和导航。这个技术基于流行的JavaScript库jQuery,以其简洁的API和强大的功能赢得了开发者们...
Accordion控件是Ajax技术中一个常用的交互组件,它在网页设计和开发中有着广泛的应用。Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建动态网页的技术,允许在不重新加载整个页面的...
Accordion控件是网页设计中常用的一种交互元素,它允许用户以折叠的方式查看和隐藏内容,通常用于节省页面空间并提供良好的用户体验。动态制作Accordion控件意味着我们不是在页面静态加载时预定义这些菜单项,而是在...
《jQuery Accordion 源码解析》 在Web开发领域,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,jQuery UI中的Accordion组件是一种常见的交互元素,它将多个内容区块折叠在一个有限的空间内,用户可以...
在IT行业中,"accordion"是一种常见的用户界面设计模式,它被广泛应用于网页和应用程序中,以提供紧凑且可扩展的内容展示方式。手风琴效果,正如其名,模仿了传统乐器手风琴的开合动作,允许用户通过点击标题来展开...
"accordion0.96.zip" 是一个与Delphi编程相关的压缩包,可能包含了一个名为"accordion"的组件或库,用于在Delphi应用程序中实现折叠面板(Accordion)的效果。Delphi是一款强大的对象 Pascal 编程工具,常用于开发...
在本篇博客中,我们将聚焦于"accordion布局"这一特性,它是ExtJS布局系统中的一种特殊形式。 Accordion布局,又称为折叠面板布局,允许在一个容器内放置多个面板,这些面板会像手风琴一样展开和折叠。这种布局模式...
jQuery Accordion是一款非常流行的JavaScript库,它主要用于创建交互式的折叠面板,常用于网站的导航菜单、FAQs或任何需要组织成可展开/折叠内容的场景。这个组件是jQuery UI库的一部分,提供了优雅的动画效果和易用...
Accordion分组菜单是一种常见的网页元素,它以折叠的方式展示内容,可以有效节省页面空间并提高用户体验。在网页设计中,动态绑定数据是从数据库获取信息并在页面加载时或用户交互时实时更新内容的一种方法。然而,...
【ASP.NET AJAX控件系列 第2讲:Accordion(Hona)】 在ASP.NET AJAX框架中,Accordion控件是一个非常实用的交互式用户界面组件。它允许开发者在一个有限的空间内展示多段内容,用户可以逐个展开或折叠这些内容,...
Bootstrap Accordion是一款基于Bootstrap框架的交互式组件,它实现了手风琴式的折叠面板效果,使得网页内容能够以紧凑的形式展示,同时保持了良好的可读性和用户体验。在网页设计和开发中,Bootstrap Accordion常...
### Ajax控件之Accordion控件问题解决办法 在开发基于ASP.NET AJAX的应用程序时,Accordion控件是一个非常有用的工具,它能够帮助用户更好地组织页面内容,实现内容的折叠与展开功能,提高用户体验。然而,在使用...
**jQuery和CSS3半透明垂直Accordion特效详解** Accordion特效在网页设计中被广泛使用,它是一种可折叠的面板集合,用户可以逐个展开或关闭这些面板以查看或隐藏内容。在本项目中,我们将深入探讨如何利用jQuery库和...
**基于JQuery的Accordion菜单源码解析** Accordion菜单是一种常见的网页交互元素,它允许用户通过展开和折叠的方式查看和操作菜单项。在HTML页面中,使用JQuery库可以轻松实现这种效果,尤其对于构建可扩展的、易于...
手风琴(Accordion)是一种常见的用户界面元素,尤其在网页设计中被广泛使用。它通过折叠和展开的方式展示内容,可以有效地节省空间,提高用户体验。本篇将详细讲解如何使用jQuery来实现一个手风琴效果。 一、...