jQuery ligerUI API.chm
accordion.htm
dragresizable.htm
messagebox.htm
resizable.htm
dbeditgrid2.htm
listpage.htm
comboBoxCase001.htm
comboBoxEven.htm
comboBoxGrid.htm
comboBoxInterface.htm
comboBoxMul.htm
comboBoxPop.htm
comboBoxSelect.htm
comboBoxSingle.htm
comboBoxSingleCheckBox.htm
comboBoxTable.htm
comboBoxTableMul.htm
comboBoxTree.htm
SelectContact.htm
treefrozengrid.htm
AllOrdersData.json
AllProductData.json
CustomersData.json
CustomersData2.json
DepartmentData.json
EmployeeData.json
EmployeeData2.json
ProductData.json
dialogAll.htm
dialogTarget.htm
dialogUrl.htm
button.htm
checkbox.htm
checkbox2.htm
dateEditor.htm
radio2.htm
spinner.htm
spinner2.htm
textbox.htm
textbox2.htm
textbox3.htm
delaydata.htm
fullgrid.htm
normalgrid.htm
rownumbers.htm
templategrid.htm
default.htm
memory.htm
detailgrid
default.htm
height.htm
editdetail
detail.htm
detail2.htm
addrow.htm
addrowcombobox.htm
addrowwithdata.htm
addrowwithdata2.htm
editgrideven.htm
editgridupdatecell.htm
getdata.htm
selectDepartment.htm
selectEmp.htm
updaterow.htm
editrow.htm
editrow2.htm
expandable
editor.htm
editor_numberbox.htm
formatter.htm
method.htm
sorter.htm
frozengrid.htm
mulheaders.htm
treefrozengrid.htm
checkbox.htm
default.htm
detail.htm
changeheadertext.htm
columnpercentage.htm
hidecolumn.htm
setcolumnwidth.htm
frozen.htm
rowspan.htm
allowUnSelectRow.htm
checkrowgrid.htm
contextmenurowgrid.htm
dbclickrowgrid.htm
selectRowButtonOnly.htm
selectRowGrid.htm
search.htm
totalgrid.htm
totalgrid2.htm
totalgridall.htm
treeeditgrid
addrow.htm
checkbox.htm
deleterow.htm
editor.htm
render.htm
treegrid.htm
example.css
layoutAutoHeight.htm
layoutAutoHeightAndDiff.htm
layoutCenterOnly.htm
layoutFixedHeight.htm
layoutFullHeight.htm
layoutHalfHeight.htm
layoutHideToggle.htm
layoutLeftHide.htm
layoutLeftMiddleOnly.htm
layoutLeftWidth.htm
layoutResizeDisable.htm
evenmenu.htm
menubar.htm
menuicon.htm
mulmenu.htm
tabEven.htm
tabHtml.htm
tabManager.htm
dbdata2.htm
expandable.htm
treecase.htm
treecheckboxinit.htm
treedata.htm
treedbdata.htm
treeedit.htm
treeeven.htm
treehtml.htm
treemanager.htm
treemenu.htm
treenoline.htm
treeselect.htm
treeurl.htm
content.htm
loadurl.htm
target.htm
welcome.htm
dotnetdemos
client.aspx
server.aspx
client.aspx
server.aspx
jquery-validation
version.txt
ligerui-all.css
ligerui-checkbox.css
ligerui-common.css
ligerui-dialog.css
ligerui-form.css
ligerui-grid.css
ligerui-layout.css
ligerui-menu.css
ligerui-radio.css
ligerui-tab.css
ligerui-tree.css
box-btn-done.gif
box-btn-error.gif
box-btn-l-over.gif
box-btn-l.gif
box-btn-over.gif
box-btn-question.gif
box-btn-r-over.gif
box-btn-r.gif
box-btn-warn.gif
box-btn.gif
box-close-over.gif
box-close.gif
box-lefttop.gif
box-righttop.gif
box-top.gif
tabs-item-left-bg.gif
loading.gif
bg-panel-title-over.gif
bg-panel-title-pressed.gif
bg-panel-title.gif
bg-tab-title-over.gif
bg-tab-title-pressed.gif
bg-tab-title.gif
bg-text.gif
bg-text.jpg
bg-trigger-over.gif
bg-trigger-pressed.gif
bg-trigger.gif
button-bg-over.gif
button-bg.gif
checkbox.gif
checkboxandradio.gif
dateeditor-bar-bg.gif
dateeditor-header-bg.gif
dateeditor
icon-first.gif
icon-last.gif
icon-next.gif
icon-prev.gif
dialog-bc.png
dialog-cl.png
dialog-cr.png
dialog-tc.png
dialog-bc.png
dialog-bl.png
dialog-br.png
dialog-button.gif
dialog-button.png
dialog-cl.png
dialog-close.png
dialog-cr.png
dialog-done.gif
dialog-error.gif
dialog-icons.png
dialog-question.gif
dialog-tc.png
dialog-title-icon.png
dialog-tl.png
dialog-tr.png
dialog-warn.gif
drop-add.gif
drop-between.gif
drop-move-down.gif
drop-move-up.gif
drop-no.gif
drop-over.gif
drop-under.gif
drop-yes.gif
verify-corner.gif
box-lefttop.gif
box-righttop.gif
grid-checkbox-checked.gif
grid-checkbox.gif
grid-detail-close.gif
grid-detail-open.gif
grid-line.gif
grid-tree-close.gif
grid-tree-open.gif
header-bg-over.gif
header-bg.gif
header2-bg.jpg
loading.gif
popup-line.gif
popup-row-over.gif
popup-row-over.png
bar-button-over.gif
checkbox-checked.gif
checkbox.gif
icon-close-over.gif
icon-close.gif
icon-close18X18.gif
icon-done.gif
icon-down.gif
icon-drop.gif
icon-edited.gif
icon-first.gif
icon-last.gif
icon-line.gif
icon-load.gif
icon-load.png
icon-milestone.gif
icon-next.gif
icon-prev.gif
icon-remark15X15.gif
icon-sort-asc.gif
icon-sort-desc.gif
icon-up.gif
icon-warn.gif
magnifier.png
accordion-content.gif
accordion-header-over.gif
accordion-header.gif
layout-header-over.gif
layout-header.gif
layout-sidebar-header.gif
mini-bottom.gif
mini-left.gif
mini-right.gif
mini-top.gif
panel-content.gif
panel-header-over.gif
panel-header.gif
tabs-bg.gif
tabs-item-bg.gif
tabs-item-left-bg.gif
tabs-item-over-bg.gif
tabs-item-right-bg.gif
tabs-tools.gif
tabs-tools.png
togglebar.gif
togglebar.png
menu-item-arrow.gif
menu-item-down.gif
menu-item-over-l.gif
menu-item-over-m.gif
menu-item-over-r.gif
menu-line-x.gif
menu-line-y.gif
bar-bg.gif
header-bg.gif
header-bg.jpg
header2-bg.jpg
panel-btn-l.gif
panel-btn-r.gif
panel-btn.gif
panel-header.gif
panel-menu-item-down.gif
panel-menu.gif
panel-menu.jpg
panel-toolbar.gif
panel-toolbar.jpg
panel-tools-sprites.gif
panel-tools.gif
folder-open.gif
folder.gif
loading.gif
tree-leaf.gif
tree-level.gif
tree-noline.gif
tree-status-close.gif
tree-status-open.gif
tree-status.gif
archives.gif
attibutes.gif
bluebook.gif
bookpen.gif
calendar.gif
candle.gif
coffee.gif
comment.gif
communication.gif
config.gif
customers.gif
database.gif
delete.gif
discuss.gif
graywarn.gif
greenwarn.gif
logout.gif
mailbox.gif
memeber.gif
modify.gif
myaccount.gif
outbox.gif
photograph.gif
process.gif
refresh.gif
save-disabled.gif
search.gif
search2.gif
settings.gif
新建 Microsoft Office Excel 工作表.xlsx
ligerui-all.css
ligerui-common.css
ligerui-dialog.css
ligerui-form.css
ligerui-grid.css
ligerui-layout.css
ligerui-menu.css
ligerui-tab.css
ligerui-tree.css
box-btn-done.gif
box-btn-error.gif
box-btn-l-over.gif
box-btn-l.gif
box-btn-over.gif
box-btn-question.gif
box-btn-r-over.gif
box-btn-r.gif
box-btn-warn.gif
box-btn.gif
box-close-over.gif
box-close.gif
box-lefttop.gif
box-righttop.gif
box-top.gif
tabs-item-left-bg.gif
loading.gif
bg-panel-title-over.gif
bg-panel-title-pressed.gif
bg-panel-title.gif
bg-tab-title-over.gif
bg-tab-title-pressed.gif
bg-tab-title.gif
bg-text.gif
bg-text.jpg
bg-trigger-over.gif
bg-trigger-pressed.gif
bg-trigger.gif
button-bg-over.gif
button-bg.gif
checkbox.gif
checkboxandradio.gif
dateeditor-bar-bg.gif
dateeditor-header-bg.gif
dateeditor
icon-first.gif
icon-last.gif
icon-next.gif
icon-prev.gif
dialog-bc.png
dialog-cl.png
dialog-cr.png
dialog-tc.png
dialog-bc.png
dialog-bl.png
dialog-br.png
dialog-button.png
dialog-cl.png
dialog-close.png
dialog-cr.png
dialog-icons.png
dialog-tc.png
dialog-title-icon.png
dialog-tl.png
dialog-tr.png
drop-add.gif
drop-between.gif
drop-move-down.gif
drop-move-up.gif
drop-no.gif
drop-over.gif
drop-under.gif
drop-yes.gif
address.gif
checkboxradio.gif
config.gif
invalid_line.gif
text-date-icon.gif
text-down-icon.gif
text-focus.gif
text-l-focus.gif
text-l-over.gif
text-l.gif
text-memeber-icon.gif
text-over.gif
text-r-focus.gif
text-r-over.gif
text-r.gif
verify-corner.gif
box-lefttop.gif
box-righttop.gif
grid-checkbox-checked.gif
grid-checkbox.gif
grid-detail-close.gif
grid-detail-open.gif
grid-line.gif
grid-tree-close.gif
grid-tree-open.gif
gridheaderbg.jpg
header-bg-over.gif
header-bg.gif
header2-bg.jpg
loading.gif
popup-line.gif
popup-row-over.gif
popup-row-over.png
bar-button-over.gif
checkbox-checked.gif
checkbox.gif
icon-close-over.gif
icon-close.gif
icon-down.gif
icon-drop.gif
icon-edited.gif
icon-first.gif
icon-last.gif
icon-line.gif
icon-load.gif
icon-load.png
icon-next.gif
icon-prev.gif
icon-sort-asc.gif
icon-sort-desc.gif
icon-up.gif
magnifier.png
accordion-content.gif
accordion-header-over.jpg
accordion-header.jpg
layout-header-over.jpg
layout-header-over.png
layout-header.jpg
panel-content.gif
panel-header-over.gif
panel-header.gif
tabs-bg.jpg
tabs-item-bg.jpg
tabs-item-left-bg.gif
tabs-item-over-bg.gif
tabs-item-right-bg.gif
tabs-tools.gif
tabs-tools.png
togglebar.gif
togglebar.png
menu-item-arrow.gif
menu-item-down.gif
menu-item-over-l.gif
menu-item-over-m.gif
menu-item-over-r.gif
menu-line-x.gif
menu-line-y.gif
bar-bg.gif
header-bg.gif
header-bg.jpg
header2-bg.jpg
panel-btn-l.gif
panel-btn-r.gif
panel-btn.gif
panel-header.gif
panel-menu-item-down.gif
panel-menu.gif
panel-menu.jpg
panel-toolbar.gif
panel-toolbar.jpg
panel-tools-sprites.gif
panel-tools.gif
folder-open.gif
folder.gif
loading.gif
tree-leaf.gif
tree-level.gif
tree-noline.gif
tree-status-close.gif
tree-status-open.gif
tree-status.gif
ligerui-icons.css
index.aspx
loading.gif
V1.1.5升级必看.txt
Web.config
welcome.htm
* jQuery ligerUI 1.1.5
* Author leoxie [ gd_ ]
(function ($)
$.fn.ligerDrag = function (options)
return $.ligerui.run.call(this, &ligerDrag&, arguments,
idAttrName: 'ligeruidragid', hasElement: false, propertyToElemnt: 'target'
$.fn.ligerGetDragManager = function ()
return $.ligerui.run.call(this, &ligerGetDragManager&, arguments,
idAttrName: 'ligeruidragid', hasElement: false, propertyToElemnt: 'target'
$.ligerDefaults.Drag = {
onStartDrag: false,
onDrag: false,
onStopDrag: false,
handler: null,
//代理 拖动时的主体,可以是'clone'或者是函数,放回jQuery 对象
proxy: true,
revert: false,
animate: true,
onRevert: null,
onEndRevert: null,
//接收区域 jQuery对象或者jQuery选择字符
receive: null,
//进入区域
onDragEnter: null,
//在区域移动
onDragOver: null,
//离开区域
onDragLeave: null,
//在区域释放
onDrop: null,
disabled: false
$.ligerui.controls.Drag = function (options)
$.ligerui.controls.Drag.base.constructor.call(this, null, options);
$.ligerui.controls.Drag.ligerExtend($.ligerui.core.UIComponent, {
__getType: function ()
return 'Drag';
__idPrev: function ()
return 'Drag';
_render: function ()
var g = this, p = this.
this.set(p);
g.cursor = &move&;
g.handler.css('cursor', g.cursor);
g.handler.bind('mousedown.drag', function (e)
if (p.disabled)
if (e.button == 2)
g._start.call(g, e);
}).bind('mousemove.drag', function ()
if (p.disabled)
g.handler.css('cursor', g.cursor);
_rendered: function ()
this.options.target.ligeruidragid = this.
_start: function (e)
var g = this, p = this.
if (g.reverting)
if (p.disabled)
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
if (g.trigger('startDrag', [g.current, e]) == false)
g.cursor = &move&;
g._createProxy(p.proxy);
(g.proxy || g.handler).css('cursor', g.cursor);
$(document).bind(&selectstart.drag&, function () { });
$(document).bind('mousemove.drag', function ()
g._drag.apply(g, arguments);
$(document).bind('mouseup.drag', function ()
g._stop.apply(g, arguments);
_drag: function (e)
var g = this, p = this.
if (!g.current)
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;
(g.proxy || g.handler).css('cursor', g.cursor);
if (g.receive)
g.receive.each(function (i, obj)
var receive = $(obj);
var xy = receive.offset();
if (pageX & xy.left && pageX & xy.left + receive.width()
&& pageY & xy.top && pageY & xy.top + receive.height())
if (!g.receiveEntered[i])
g.receiveEntered[i] =
g.trigger('dragEnter', [obj, g.proxy || g.target, e]);
g.trigger('dragOver', [obj, g.proxy || g.target, e]);
else if (g.receiveEntered[i])
g.receiveEntered[i] =
g.trigger('dragLeave', [obj, g.proxy || g.target, e]);
if (g.hasBind('drag'))
if (g.trigger('drag', [g.current, e]) != false)
g._applyDrag();
g._removeProxy();
g._applyDrag();
_stop: function (e)
var g = this, p = this.
$(document).unbind('mousemove.drag');
$(document).unbind('mouseup.drag');
$(document).unbind(&selectstart.drag&);
if (g.receive)
g.receive.each(function (i, obj)
if (g.receiveEntered[i])
g.trigger('drop', [obj, g.proxy || g.target, e]);
if (g.proxy)
if (p.revert)
if (g.hasBind('revert'))
if (g.trigger('revert', [g.current, e]) != false)
g._revert(e);
g._removeProxy();
g._revert(e);
g._applyDrag(g.target);
g._removeProxy();
g.cursor = 'move';
g.trigger('stopDrag', [g.current, e]);
g.current =
g.handler.css('cursor', g.cursor);
_revert: function (e)
g.reverting =
g.proxy.animate({
left: g.current.left,
top: g.current.top
}, function ()
g.reverting =
g._removeProxy();
g.trigger('endRevert', [g.current, e]);
g.current =
_applyDrag: function (applyResultBody)
var g = this, p = this.
applyResultBody = applyResultBody || g.proxy || g.
var cur = {}, changed =
if (g.current.diffX)
cur.left = g.current.left + g.current.diffX;
if (g.current.diffY)
cur.top = g.current.top + g.current.diffY;
if (applyResultBody == g.target && g.proxy && p.animate)
g.reverting =
applyResultBody.animate(cur, function ()
g.reverting =
applyResultBody.css(cur);
_setReceive: function (receive)
this.receiveEntered = {};
if (!receive)
if (typeof receive == 'string')
this.receive = $(receive);
this.receive =
_setHandler: function (handler)
var g = this, p = this.
if (!handler)
g.handler = $(p.target);
g.handler = (typeof handler == 'string' ? $(handler, p.target) : handler);
_setTarget: function (target)
this.target = $(target);
_setCursor: function (cursor)
this.cursor =
(this.proxy || this.handler).css('cursor', cursor);
_createProxy: function (proxy)
if (!proxy)
if (typeof proxy == 'function')
g.proxy = proxy.call(this.options.target, g);
else if (proxy == 'clone')
g.proxy = g.target.clone().css('position', 'absolute');
g.proxy.appendTo('body');
g.proxy = $(&&div class='l-draggable'&&/div&&);
g.proxy.width(g.target.width()).height(g.target.height())
g.proxy.attr(&dragid&, g.id).appendTo('body');
g.proxy.css({ left: g.current.left, top: g.current.top }).show();
_removeProxy: function ()
if (g.proxy)
g.proxy.remove();
})(jQuery);
Copyright(C)
OKBASE.NET All Rights Reserved 好库网 版权所有当前访客身份：游客 [
当前位置：
LigerUI是基于jQuery开发的一系列控件组，包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果
Liger UI最新更新资讯，共9条&&(，)
14评/2883阅
18评/7211阅
6评/3509阅
12评/4447阅
5评/3049阅
授权协议：
开发语言：
操作系统：
收录时间： 日&&（国产软件 or 国人参与）
更多开发者职位上
wrean2013 发表于1周前
，最后回答(5小时前)：
ggstudy 发表于2个月前
询问java1 发表于7个月前
javagoboy 发表于9个月前
烟花易飞 发表于1年前
，最后回答(1年前)：
张金富 发表于1年前
，最后回答(1年前)：
无疆的心 发表于1年前
，最后回答(1年前)：
夫复何求 发表于3年前
，最后回答(1年前)：
白连涛 发表于1年前
fabite 发表于3年前
，最后回答(1年前)：
陆权森 发表于2年前
，最后回答(2年前)：
Allen_My 发表于4年前
，最后回答(2年前)：
iEvany 发表于2年前
我不是你们说的大神 发表于2年前
，最后回答(2年前)：
泡不烂的凉粉 发表于2年前
，最后回答(2年前)：
先知0520 发表于2年前
泡不烂的凉粉 发表于2年前
，最后回答(2年前)：
原始PY 发表于3年前
，最后回答(3年前)：
Midnight丶 发表于3年前
，最后回答(3年前)：
Jieven 发表于3年前
，最后回答(3年前)：
：1.2.5版本grid如何实现分页滚动加载数据呢？或者分页栏能否自定义？
：grid组件，checkbox和select row功能不够完善
：这个玩意BUG多多,现在不知道如何了,当时十分坑爹....
：第一感觉，外观和ExtJS很像啊
共有 36 个类似软件
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Aja...
jQuery 是一个非常优秀的 JavaScript 框架，而且还有相当多的插件。其中的一些UI插...
和 jQuery UI 一样，Chico UI 包含 auto-complete, blink, carousel, countdown, d...
PrimeUI 是 PrimeFaces 团队的一个 jQuery UI 组件库，目前包含多个 UI 部件。...
基于Jquery的UI库，包含常用UI组件，如：布局、表格、树形、Tabs、工具条、弹出菜单...
jwwui 是基于 jQuery 的富客户端框架 源码获取(纯ui框架，放在eclipse jee开发环境...
jQueryUI 是一套 jQuery 的页面 UI 插件，包含很多种常用的页面空间，例如 Tabs（如...
jQuery Tools 是一个当前网站开发中最最常用的UI组件集合，包括：Tab、工具提示Too...
jQuery EasyUI 为网页开发提供了一堆的常用UI组件，包括菜单、对话框、布局、窗帘、...
jQuery MiniUI - 快速开发WebUI。 包含控件：DataGrid、Tree、TreeGrid、Menu、Too...
共有 520 人关注 Liger UI当前访客身份：游客 [
这个人很懒，啥也没写
目前还没有任何评论
今日访问：3
昨日访问：13
本周访问：46
本月访问：38
所有访问：4228
jQuery LigerUI ligerGrid 在开发中的应用记录
发表于2年前( 11:28)&&
阅读（4883）&|&评论（）
0人收藏此文章,
最近开发一后台管理系统的前端页面，作为前端的展示js框架选择了jQuery LigerUI，下面就是 LigerUI ligerGrid 的相关的表格设置的一些常用js，仅供参考····························
&var&&byNumberSwitch&=&"";
&var&&intervalSwitch&=&"";
&&&&&//间隔设置方法
&&&&&&&&var&dayEditor&=&{&type:&'spinner',&minValue:&0,onChanged:function(e){
&&&&&&&&&//提交数据
&&&var&setNumber&=&e.//编辑结果
&&&var&mendianID&=&e.record.mendianID;//编辑门店编号
&&&//判断设置数据没有改变，或者为空时跳出方法
&&&if(intervalSwitch&==setNumber&||&setNumber&==''){
&&&&liger.get("maingrid").updateCell('intervalSwitch',&intervalSwitch,&e.record);
&&&&liger.get("maingrid").isDataChanged&=&
&&&&&&&&&//将获取的数据提交到后台
&&&$.ligerDialog.waitting('正在保存中,请稍候...');
&&&$.post('show/mendianAction_set.action',{setNumber:setNumber,deptid:mendianID},function(data){
&&&&var&rtnflage&=&data.map.
&&&&//返回失败标志&&还原修改数据&
&&&&if(rtnflage&==&1){
&&&&&liger.get("maingrid").updateCell('intervalSwitch',&intervalSwitch,&e.record);
&&&&&liger.get("maingrid").isDataChanged&=&
&&&&var&mssage&=&data.map.
&&&&$.ligerDialog.closeWaitting();&
&&&&&&&&&&&&//&$.ligerDialog.tip({&&title:&'提示信息',content:'数据已经提交成功！'+e.value&});
&&&&&&&&&&&&&$.ligerDialog.alert(mssage,&'提示','success');
&&&},'json');
&&//开关下拉框编辑数据
&&var&openData&=&[{&intervalSwitch:&1,&text:&'开'&},&{&intervalSwitch:&0,&text:&'关'}];
&&//开关编辑函数
&&var&openEditor&=&{&type:&'select',&data:&openData,&valueField:&'intervalSwitch',onChanged:function(e){
&&&//提交数据
&&&var&flage&=&e.//编辑数据
&&&//判断设置数据没有改变，或者为空时跳出方法
&&&if(byNumberSwitch&==flage&||&flage&==''){
&&&&liger.get("maingrid").updateCell('byNumberSwitch',&byNumberSwitch,&e.record);
&&&&liger.get("maingrid").isDataChanged&=&
&&&//将获取的数据提交到后台
&&&$.ligerDialog.waitting('正在保存中,请稍候...');
&&&var&mendianID&=&e.record.mendianID;//编辑门店编号
&&&$.post('show/mendianAction_open.action',{flage:flage,deptid:mendianID},function(data){
&&&&var&rtnflage&=&data.map.
&&&&//返回失败标志&&还原修改数据&
&&&&if(rtnflage&==&1){
&&&&&liger.get("maingrid").updateCell('byNumberSwitch',&byNumberSwitch,&e.record);
&&&&&liger.get("maingrid").isDataChanged&=&
&&&&var&mssage&=&data.map.
&&&&$.ligerDialog.closeWaitting();&
&&&&&&&&&&&&&//$.ligerDialog.tip({&&title:&'提示信息',content:'数据已经提交成功！'+e.value&});
&&&&&&&&&&&&&$.ligerDialog.alert(mssage,&'提示','success');
&&&},'json');}
&&//开关页面渲染函数
&&function&renderfun(rowdata,index,value){
&&&if(value==1){
&&&&return&'&span&style="color:&&font-weight:&"&开&&/span&&img&src="images/Setting.png"&style="text-align:&margin-left:10%;&height:80%;width:40%;"/&';//"开";
&&&&return&'关&img&src="images/Setting.png"&style="text-align:&margin-left:15%;&height:80%;width:40%;"/&';
&&//间隔页面渲染函数
&&function&setrenderfun(rowdata,index,value){
&&&if(value&&0){
&&&&return&'&span&style="color:&&font-weight:&"&'+value+'&/span&&img&src="images/Settings.png"&style="text-align:&margin-left:10%;height:50%;width:30%;"/&';
&&&&return&""+value+'&img&src="images/Settings.png"&style="text-align:&margin-left:25%;&&height:50%;width:30%;"/&';
&&//刷新函数
&&var&loaddata&=&function(){
&&&&&&&&&var&key&=&$("#txtKey").val();
&&&&&&&if(key&!='请输入关键字'){
&&&&&&grid.options.parms={"key":key};
&&&&&&&}else{
&&&&&&&&if(grid){//对象存在的情况下
&&&&&&&&&grid.options.parms={"key":""};
&&//获取编辑前的数据
&&var&beforeEdit&=&function(e){
&&&byNumberSwitch&=&e.record.byNumberS
&&&intervalSwitch&=&e.record.intervalSwitch
&&$.ligerDefaults.GridString.isContinueByDataChanged&=&'表格数据有被改变,确认保存后继续?';
&&//表格列表定义
&&&&&&&&var&grid&=&$("#maingrid").ligerGrid({
&&&&&&&&&url:"show/mendianAction_list.action",
&&&&&&&&&parms:{"key":""},
&&&&&&&&&&&&columns:&[
&&&&&&&&&&&&&&&&{&display:&'门店编号',&name:&'mendianID',&width:&'10%',align:'left',isSort:true},
&&&&&&&&&&&&&&&&{&display:&'门店名称',&name:&'mendianName',textField:'mendianName',&width:&'17%',align:'left',isSort:true},
&&&&&&&&&&&&&&&&{&display:&'门店地址',&name:&'mendianAdd',&width:&'27%',align:'left',isSort:true},
&&&&&&&&&&&&&&&&{&display:&'门店排号信息',&columns:&[
&&&&&&&&&&&&&&&&&&&&{&display:&'大桌',&name:&'byNumberOfBig',&width:&'12%',align:'left',isSort:true},
&&&&&&&&&&&&&&&&&&&&{&display:&'中桌',&name:&'byNumberOfMiddle',&width:&'12%',align:'left',isSort:true},
&&&&&&&&&&&&&&&&&&&&{&display:&'小桌',&name:&'byNumberOfLittle',&width:&'12%',align:'left',isSort:true}
&&&&&&&&&&&&&&&&]},
&&&&{&display:&'网络排号设置',&columns:&[
&&&&&&&&&&&&&&&&&&&&{&display:&'开关设置',&name:&'byNumberSwitch',&width:&'4%',&align:&'left',&editor:&openEditor,type:'int',render:renderfun,isSort:true},
&&&&&&&&&&&&&&&&&&&&{&display:&'间隔设置',&name:&'intervalSwitch',&width:&'4%',&align:&'left',type:'int',&editor:&dayEditor,render:setrenderfun,isSort:true}
&&&&&&&&&&&&&&&&]}
&&&&&&&&&&&&],
&&&&&&&&&&&&//data:&{&Rows:&data},
&&&&&&&&&&&&height:&'98%',&rownumbers:&true,usePager:true,&enabledEdit:true,dataAction:"local",pageSizeOptions:[15,&20,&25,&30],
&&&&&&&&&&&&pageSize:20,onLoadData:loaddata,onBeforeEdit:beforeEdit//,rowHeight:44
&&&&&&&&});
&&//隐藏提示框
&&$("#pageloading").hide();
&&//搜索函数
&&function&f_search(){
&&&&var&key&=&$("#txtKey").val();
&&&&if(key&!='请输入关键字'){
&&&&&grid.loadServerData({"key":key});
&&&&}else{
&&&&&grid.loadServerData({"key":""});
演示地址：
源码下载：
自我感觉jQuery LigerUI 是不错的ui框架，虽然还有一定的局限性和bug,但是还是值得一用的...........
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读}