//查询: function doSearch(form){ var fields =$('#queryForm').serializeArray(); var $fm = $(form); var params = $fm.datagrid('options').queryParams; $.each( fields, function(i, field){ params[field.name] = field.value; }); $fm.datagrid('reload'); }
//查看[弹窗版]: formatter : function(value, rowData, rowIndex) { return "<a href='javascript:void(0)' onclick='relation_ref_query_onView("+rowIndex+")' >" + value + "</a>"; } function relation_ref_query_onView(index) { var d = $query_datagrid.datagrid("getData").rows[index]; var p = ysaxui.dialog({ title : '查看关系规格', href : viewRelationUrl, width : 765, height : 375, buttons : [ { text : '关闭', iconCls : 'ope-close', handler : function() { p.dialog('close'); } }], onLoad : function() { var f = p.find('form') f.form('load', d); } }); };
//弹窗 /*** * 公用规格选择弹窗 * @param targetCompId 规格ID存储文本框的ID * @param targetCompText 规格名称存储文本框的ID * @param specType 规格选择类型 e:实体规格,r:关系规格(两类弹窗数据) * @param level 显示层级级别 * {0:无限制,显示所有 1:只显示大类规格 * 2:只显示细类规格 3:只显示规格 * 4:只显示大类和细类} * @param repTypeId 关系类型 * @return */ function open_parent_specWindow(targetCompId,targetCompText,specType,level,rp,repTypeId) { var hrefUrl = '/mds/oss/content/input/win/openWin_parent_spec_single.html'; //不同弹窗页面 if(rp){ hrefUrl = '/mds/oss/content/input/win/openWin_parent_relation_spec_single.html'; } var openUrl = ""; if(specType=='e'){ openUrl = entityListUrl; }else if(specType=='r'){ openUrl = relationListUrl; }else{ alert('参数设置有误! pub_mds.js'); return; } if(!level){ level = "0"; } var $datagrid = null; var p = yasxui.dialog({ title : '选择规格', iconCls : 'pag-add', href : hrefUrl, width : 600, height : 350, buttons : [ { text : '确定', iconCls : 'ope-save', handler : function() { var selected = $datagrid.datagrid('getSelected'); if (selected == null) { $.messager.alert('系统提示', '请选择对象'); } else { $("#"+targetCompText).val((selected["code"]+"/"+selected["name"])); $("#"+targetCompId).val((selected["oid"])); p.dialog('close'); } } }, { text : '取消', iconCls : 'ope-close', handler : function() { p.dialog('close'); } } ], onLoad : function() { //弹窗页面列表数据 $datagrid = $('#domain_ref_single_chooser_grid'); $datagrid.datagrid({ url : openUrl, queryParams:{ 'level' : level, 'relationTypeId':repTypeId }, fit : true, singleSelect : true, pagination : true, pagePosition : 'bottom', pageSize : 10, pageList : [10, 20, 30, 50, 100], fitColumns : true, nowrap : true, border : false, idField : 'id', frozenColumns : [ [ { field : 'id', title : '选择', width : 40, sortable : false, formatter : function(value, rowData) { return '<input type="radio" name="domain_ref_single_chooser_grid_radio" value="' + value + '">'; } } ] ], columns : [ [ { title : '编号', field : 'code', width : 205 }, { title : '名称', field : 'name', width : 350, sortable : true } ] ], onClickRow:function() { var selected = $datagrid.datagrid('getSelected'); if (selected){ var index=$datagrid.datagrid('getRowIndex', selected); $('input:radio[name="domain_ref_single_chooser_grid_radio"]').get(index).checked = true; }} }); $("#spec_levelId").attr("value","level"); //弹窗查询 $("#refChooseButton").click(function(){ $('#domain_ref_single_chooser_grid').datagrid('load', yxui.serializeObject($("#specWinForm").form())); }); var specVal ; switch(level){ case "1": specVal = 1060 ;break; case "2": specVal = 1061; break; case "3": specVal = 1062; break; } //进入时默认选中 if(specVal){ p.find("#specLevelId").combobox('select', specVal) ; } } }); };
//弹窗页面openWin_parent_spec_single.html: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div class="easyui-layout" data-options="fit:true" style="padding:1px;overflow:hidden;"> <!-- north --> <div data-options="region:'north',border:false" style="height:40px;"> <form class="yxForm" id="specWinForm"> <input type="hidden" name="level" id="spec_levelId"> <table class="tableForm_L" style="margin-top:3px" width="99%" border="0" cellpadding="0" cellspacing="1"> <tr> <th width="10%">编号/名称</th> <td width="40%"><input name="param" /></td> <th width="10%">规格层级</th> <td width="40%"><input name="specLevelId" id="specLevelId" class="easyui-combobox" data-options="panelHeight:'auto',editable:false,readonly:true,valueField:'value',textField:'label',data: levelJson" /> <a href="#" id="refChooseButton" class="easyui-linkbutton" data-options="iconCls:'ope-search'" style="height:21px;" >查询 </a></td> </tr> </table> </form> </div> <!-- center --> <div data-options="region:'center',border:false"> <div id="domain_ref_single_chooser_grid"></div> </div> </div>
。。
相关推荐
easyui是一个基于jquery的集成了各种用户界面的插件。 使用easyui你不需要写太多javascript代码,一般情况下你只...jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等
jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等逐渐
easyui 的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下 $.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function (value, param) { return /^[\u...
摘要:脚本资源,jQuery,easyui,jquery例子 jQuery easyui 官方类库及实例集下载,jQuery easyui为网页开发提供了一大堆的常用UI组件,包括菜单、对话框、布局、窗帘特效、表格、元素滚动、表单、TAB菜单、动画生成...
什么是 jQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架,集成了各种...Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个
jquery-easyui是常用的jquery插件之一,利用它可以编写少量的js代码就能运行出比较华丽的js效果。
jquery-easyui demo jquery.easyui.mobile demo 支持PC版、移动版 常用UI组件,包括菜单、对话框、布局、窗体、表格、表单等
从理论上来说,InsdepUI所提供的所有组件均能无缝兼容EasyUI,你只要ctrl+c示例代码,ctrl+v到你需要摆放的位置即可(注:不要忘记引用相应的依赖样式及依赖脚本),除easyui的Combo自定义下拉框,由于div标签被...
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
jQuery-EasyUI简介jQuery-EasyUI是一个基于jquery的集成了各种用户界面的插件。...jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等逐渐 jQuery-EasyUI页面展示
前台技术: jquery easyui框架 所有的数据提交和查询都是通过ajax方式异步传输! 图书数据的添加和查询都是在这个js文件中实现 实现语言是JavaScript 这个jsp文件 纯html代码 比原来开发简洁多了 实现了js逻辑代码...
这个24小时订单分析和公司做的项目很贴近,如果有兴趣的可以下载看一下,真的很有帮助,EasyUI框架也是当下用的还算多的一个前端框架,有兴趣的可以先找我要效果图,先看看是否有必要。jQuery 最大的优势,就是特别...
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器,easyUI1.4与ztree3.5结合开发,ztree帮助文档对初用者很有帮助......
(jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...
包含的文件有:JQuery zTree v3.5.14、lhgDialog-4.2.0、jquery.autocomplete.zip、jquery-easyui-1.3.zip、kindeditor-4.1.9.zip、uploadify实例(java代码).zip
Easyui:jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,...
前端开发常用的UI框架,其中包含easyUI、layUI、jQueryUI
文章目录EasyUI入门简单介绍目录说明使用EasyUI导入的包声明组件的两个方法easyui组件的三要素常见异常常用的组件 EasyUI入门 简单介绍 Easyui它就是基于jquery封装的一个前端框架,让我们后端程序员,不需要写复杂...
• 架构技术: Struts2+Spring3+Hibernate4+EasyUI1.3+Spring JDBC+Highcharts报表+Jquery+Ehcache+Freemarker • 代码生成器:自动生成美观大方的前台页面及后台代码 • 查询条件生成器: 动态拼SQL,追加查询条件 •...