ligerui 高级自定义查询
时间： 13:50:58
&&&& 阅读：1036
&&&& 评论：
&&&& 收藏：0
//扩展 ligerGrid 的 搜索功能(高级自定义查询).应用: demos/filter/grid.htm
$.ligerui.controls.Grid.prototype.showFilter = function () {
var g = this, p = this.
if (g.winfilter) {
g.winfilter.show();
var filtercontainer = $(‘&div id="‘ + g.id + ‘_filtercontainer"&&/div&‘).width(380).height(120).hide();
var filter = filtercontainer.ligerFilter({ fields: getFields() });
return g.winfilter = $.ligerDialog.open({
width: 420, height: 208,
target: filtercontainer, isResize: true, top: 50,
buttons: [
{ text: ‘确定‘, onclick: function (item, dialog) { loadData(); dialog.hide(); } },
{ text: ‘取消‘, onclick: function (item, dialog) { dialog.hide(); } }
//将grid的columns转换为filter的fields
function getFields() {
var fields = [];
//如果是多表头，那么g.columns为最低级的列
$(g.columns).each(function () {
var o = { name: this.name, display: this.display };
var isNumber = this.type == "int" || this.type == "number" || this.type == "float";
var isDate = this.type == "date";
if (isNumber) o.type = "number";
if (isDate) o.type = "date";
if (this.editor) {
o.editor = this.
fields.push(o);
function loadData() {
var data = filter.getData();
alert(data);
};需要自己修改
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！Jquery中LigerUi的弹出编辑框(实现方法)
字体：[ ] 类型：转载 时间：
本篇文章是对Jquery中LigerUi的弹出编辑框的实现方法进行了分析介绍，需要的朋友可以参考下
一、载入 代码如下:&&& &link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /&&&& &script src="../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"&&/script&&&& &script src="../lib/ligerUI/js/ligerui.min.js" type="text/javascript"&&/script&&& &&& &script src="../lib/ligerUI/js/plugins/ligerForm.js" type="text/javascript"&&/script&&&& &script src="../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"&&/script& &&& &link href="../lib/css/common.css" rel="stylesheet" type="text/css" /&& &&& &script src="../lib/js/common.js" type="text/javascript"&&/script&&& &&& &script src="../lib/js/LG.js" type="text/javascript"&&/script&&&& &script src="../lib/jquery-validation/jquery.validate.min.js" type="text/javascript"&&/script& &&& &script src="../lib/jquery-validation/jquery.metadata.js" type="text/javascript"&&/script&&&& &script src="../lib/jquery-validation/messages_cn.js" type="text/javascript"&&/script& &&& &script src="../lib/js/ligerui.expand.js" type="text/javascript"&&/script& &&& &script src="../../lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"&&/script&二、Html
代码如下:&div id="Editdetail" style="display:"&&form id="EditForm" method="post"&&/form& &/div& & &&%--弹出编辑框DIV--%&三、在Add中添加事件 代码如下:&&&&& //工具条事件&&&&& function toolbarBtnItemClick(item) {&&&&&&&&& switch (item.id) {&&&&&&&&&&&&& case "add":&&&&&&&&&&&&&&&&& addbill({}, true, '添加记录', false);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& case "view":&&&&&&&&&&&&&&&&& var selected = grid.getSelected();&&&&&&&&&&&&&&&&& if (!selected) { LG.tip('请选择行!'); return }&&&&&&&&&&&&&&&&& addbill(selected, false, '查看记录', true);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& case "modify":&&&&&&&&&&&&&&&&& var selected = grid.getSelected();&&&&&&&&&&&&&&&&& if (!selected) { LG.tip('请选择行!'); return }&&&&&&&&&&&&&&&&& addbill(selected, false, '修改记录', false);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& case "delete":&&&&&&&&&&&&&&&&& jQuery.ligerDialog.confirm('确定删除吗?', function (confirm) {&&&&&&&&&&&&&&&&&&&&& if (confirm)&&&&&&&&&&&&&&&&&&&&&&&&& f_delete();&&&&&&&&&&&&&&&&& });&&&&&&&&&&&&&&&&&&&&&&&&&& }&&&&& }四、在函数下面，添加弹出框样式代码 代码如下:&&&&& var detailWin = null, currentData = null, currentIsAddNew, currentIsV&&&&& function addbill(data, isAddNew, t, isview) {&&&&&&&&& currentData =&&&&&&&&& currentIsAddNew = isAddN&&&&&&&&& currentIsView =&&&&&&&&& if (detailWin) {&&&&&&&&&&&&& detailWin.set('title', t);&&&&&&&&&&&&& detailWin.show();&&&&&&&&& }&&&&&&&&& else &&&&&&&&& {&&&&&&&&&&& // 放入弹出窗口样式内容&&&&&&&&& }&&&&&&&&& if (!isAddNew) {&&&&&&&&&&&&& // public int LrId { }&&&&&&&&&&&&& $("#ProtId2").val(currentData.ProductName);&&&&&&&&&&&&& $("#ProId1").val(currentData.ProductId);&&&&&&&&&&&&& $("#ForId2").val(currentData.FormatName);&&&&&&&&&&&&& $("#Foad1").val(currentData.FormatId);&&&&&&&&&&&&& $("#Ded2").val(currentData.DegreeName);&&&&&&&&&&&&& $("#Degrd1").val(currentData.DegreeId);&&&&&&&&&&&&& $("#Appl").val(currentData.AppendBill);&&&&&&&&&&&&& $("#Bum").val(currentData.BoxNum);&&&&&&&&&&&&& $("#Maate").val(currentData.MadeDate);&&&&&&&&&&&&& $("#BottleNum").val(currentData.BottleNum);&&&&&&&&&&&&& $("#Bumpany2").val(currentData.BuyCompanyName);&&&&&&&&&&&&& $("#BuyCoy1").val(currentData.BuyCompanyId);&&&&&&&&&&&&& $("#VayId2").val(currentData.VarietyName);&&&&&&&&&&&&& $("#VarId1").val(currentData.VarietyId);&&&&&&&&&&&&& $("#Handate").val(currentData.HandDate);&&&&&&&&&&&&& $("#Fact2").val(currentData.FactoryName);&&&&&&&&&&&&& $("#Fact1").val(currentData.FactoryId);&&&&&&&&&&&&& $("#Froce2").val(currentData.FromPlaceName);&&&&&&&&&&&&& $("#Froce1").val(currentData.FromPlaceId);&&&&&&&&& }&&&&& }五、弹出窗口样式中的内容 代码如下:&&&&&&&&&&&&& var mainform = $("#EditForm");&&&&&&&&&&&&& mainform.ligerForm({&&&&&&&&&&&&&&&&& inputWidth: 150,&&&&&&&&&&&&&&&&& fields: &&&&&&&&&&&&&&&&& [&&&&&&&&&&&&&&&&&&&& { name: "ProId1", type: "hidden" },& // 隐藏字段，为弹出选择编号保存值&&&&&&&&&&&&&&&&&&&& { display: "仓库", name: "Daihao1", newline: true, labelWidth: 100, width: 150, space: 30, type: "text", validate: { required: true, digits: true} },&&&&&&&&&&&&&&&&&&&& { display: "商品名称", name: "ProId", comboboxName: "ProId2", newline: false, labelWidth: 100, width: 150, space: 30, type: "select", option: {} },&& // 弹出选择框&&&&&&&&&&&&&&&&&&& { display: "单位", name: "DegreeId", comboboxName: "DegreeId2", newline: false, labelWidth: 100, width: 150, space: 30, type: "select", options: { valueFieldID: "DegreeId1", treeLeafOnly: false, tree: { url: "../handle/se1.ashx?ajaxaction=Getgree", checkbox: false}} },&&&&&&&&&&&&&&&&&&& { display: "生产日期", name: "MadeDate1", newline: true, labelWidth: 100, width: 150, space: 30, type: "date", validate: { required: true} },&&&&&&&&&&&&&&&&&&& { display: "备注", name: "mark", newline: false, labelWidth: 100, width: 150, space: 30, type: "text", validate: { required: true, digits: true} }&&&&&&&& ],&&&&&&&&&&&&&&&&& toJSON: JSON2.stringify&&&&&&&&&&&&& });&&&&&&&&&&&&& $.metadata.setType("attr", "validate");&&&&&&&&&&&&& LG.validate(mainform, { debug: true });&&&&&&&&&&&&& $("#HandDate").val(currentdate);&&&&&&&&&&&&& $("#BoNum").val("0");&&&&&&&&&&&&& $.ligerui.get("ProId2").set('onBeforeOpen', f_selectCoct)&&&&&&&&&&&&& $.ligerui.get("Faory2").set('onBeforeOpen', f_selectFary_1)&&&&&&&&&&&&& $.ligerui.get("Buyany2").set('onBeforeOpen', f_selectFary_2)&&&&&&&&&&&&& $.ligerui.get("Froce2").set('onBeforeOpen', f_selectFroace)&&&&&&&&&&&&& detailWin = $.ligerDialog.open({&&&&&&&&&&&&&&&&& target: $("#Editdetail"),&&&&&&&&&&&&&&&&& width: 595, height: 460, top: 80, title: "添加保存修改窗口", //240&&&&&&&&&&&&&&&&& buttons: [&&&&&&&&&&&&&&&&& { text: '保存', onclick: function () { save(); } },&&&&&&&&&&&&&&&&& { text: '取消', onclick: function () { detailWin.hide(); } }&&&&&&&&&&&&&&&&& ]&&&&&&&&&&&&& });六、保存事件
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具13809人阅读
LigerUI（6）
基本属性，可以参考ligerDialog.js文件，其中$.ligerDefaults.Dialog介绍了其所有属性和含义。
1.在基本页的代码如如下：
&div&id=&showKey&&style=&display:block&&
&&&&&&&&&b&输入关键字:&/b&
&&&&&&&&&input&type=&text&&id=&txtKey&/&
&&&&&&&&&input&type=&checkbox&&id=&cbkQueryType&/&仅查询我参与的流程
&&&&&/div&
展现如下图：
2.进行样式的添加
$.ligerDialog.open({
&&&&&&&&target:&$(&#showKey&),
&&&&&&&&title:&'输入查询内容',
&&&&&&&&width:&380,
&&&&&&&&height:&100,
&&&&&&&&isResize:&true,
&&&&&&&&modal:&true,
&&&&&&&&buttons:&[{&text:&'确定',&onclick:&function&(i,&d)&{
&&&&&&&&&//方法功能，自定义填写，还可以有个button如，OK Cancel,Close等，只需用{}追加即可。&&
&&&&&&&&},&{&text:&'关闭',&onclick:&function&(i,&d)&{
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&}]
展现效果图：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：274965次
积分：3168
积分：3168
排名：第11463名
原创：93篇
转载：17篇
评论：17条
(2)(3)(1)(1)(2)(7)(6)(7)(1)(5)(1)(1)(6)(8)(14)(8)(1)(1)(5)(12)(6)(2)(8)(2)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'ligerui buttons 属性
scriptsrc=&quot$asepathstatic_resources/js/ligerui/js/core完成了属性管理组件和字典管理组件的开发页面都是通过ligerui实现的基于ligerui开发的横表实用服装行业进销存easyui与选择weui这是ligerui实现的分页样式(实现过程我的asp.net点击一个按钮怎么让ligerui窗显示到frameset框架的最上面?ligerui中下拉框一级树tree数据库读取代码示例!ligerui中下拉框comox是报表形式选择表格后自动收缩或者是推荐一些你曾经用过的且效率不错的ui(例如&nspligeruiextj后台框架:springmvc+jqueryligerui+jsp+iatis+mysql数据库:mysqljqueryligerui表格ligergrid结合asp.netmvc前台利用ligerui中的封装designer工具进行定制开发界面的ui主要使用jqueryligerui(ligerui1:此版本采用ajax+js分页js完成是群主自己写的有点模仿ligerui的asp.net客户关系管理系统源代码客户管理源代码ligerui框架我有ajax返回一个json数组怎么给ligerui表格分享一个基于ligerui的系统应用案例ligerrmv2(权限管理系统)netmvcc#ligerui实现用户登录功能loginjsp+ligerui+mysql开发图书管理系统v1.修改ligerui的导航栏改为ta标签模式
ligerui buttons 属性详情介绍:
其中$.ligerDefaults.Dialog介绍了其所有属性和含义。uttons:[text:&#39确定&#39onclick:function(LigerUI(7)Oracle(10)项目实施(3)PH，父窗体是test3.aspx子窗体是test4.aspxligerui1.0.2版本中有一处源码(确认或者双击带回)&#39isResize:trueuttons:[text:&#39确认&#39，javascriptjsligerUIvarmainform=$(&quot#edit这样写好像生不成input的id属性回复于:201312uttons:[text:&#39确定&#39width:60clic，ligerUIug一些解决办法(:22:20)转载▼标签:ligeruiuguttons:null//按钮组uttonsInline:false//ugadd:imyc新增，拼接出来name字段跟ligeruiid一样导致显示的select表单有部分边框被遮挡*/txt//参数同ligeruttonuttons:null//按钮组uttonsInline:f，uttons:[text:&#39确定&#39onclick:function()addNewRow()detailligerUI框架改变过的html属性怎使用js把下拉框动态选中代码如下同样遇，今天看了一下ligerUI确实在表格方面比easyUI强很多。方面两个差不多的布局方面ligerUI也比easyUI要好一点。只是ligerUI的默认UI不统一而且不太好看这一点需，uttons:[text:&#39确认&#39onclick:function(itemdialog)//dialog.lselected.lgridrowcell.l，我在使用LigerUI中根据表单查询条件进行查询使用表格//过滤属性functionf_getWhere()//alertLG.appendSearchuttons(&quot#formsearch&quotgr，项目中用到的版本为ligerUI1.2.2可能后续版本略有差异。经过项目使用个人name:&quotstatus&quottype:&quothidden&quotuttons:[text:&#39save&#39，◆Set方法是所有插件的统一设置属性的接◆Set方法是V1.1.3使用core机制以后引入的。◆插件传参的方式是V1.1.4引入的如何扩展Ligerui的默认参数、，最佳答案:从API来看它们之间视乎没有根本性的区别下面看对比图我这里只列出了API文档中参数的对比图两个类其他的API也与更多关于ligeruiuttons属性的问题&gt&gt，本篇文章是对Jquery中LigerUi的弹出编辑框的实现方法进行了分析介绍需要的朋友uttons:[text:&#39保存&#39onclick:function()save()，LigerUI权限系统之菜单管理菜单管理跟上篇的组织结构实现方式差不多所以不存在多大的问题。还是老样先上图再看代码。菜单管理界面菜单管理添加:菜单管理修改:，LigerUI是基于jQuery的UI框架其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大致力于快速打造We前端界面解决方案可以应用于.net，ligerGrid是ligerui系列插件的核心控件用户可以快速地创建一个美观而且功能强大column的name是定义单，6)toolar:该工具栏置于对话框的顶部每个工具栏包含:texticonClsdisaledhandler等属性。7)uttons:这个按钮置于对话框的底部每个按钮包含:t，disaled属性规定禁用按钮。被禁用的按钮既不可用也不可点击。可以设置disaled属性直到满足某些条件(比如选择一个复选框)才恢复用户对该按钮的使用。然后，ligerui是基于jquery来搭建页面一个grid控件本质上是几个tale组合而成oXL.Visile=true//设置excel可见属性oSheet.Application.Quit()//欢迎转载收藏,请保留我们的版权 无翼鸟漫画
ligerui buttons 属性相关:}