JS代码:
$(function(){
* //项目类型 */ $('#all').click(function(){ $('#tollItem').combogrid({url:NTax.webPath + 'report/report!getTollItem?parentid='+10001}); }); $('#famo').click(function(){ $('#tollItem').combogrid({url:NTax.webPath + 'report/report!getTollItem?parentid='+1000102}); }); $('#shoufei').click(function(){ $('#tollItem').combogrid({url:NTax.webPath + 'report/report!getTollItem?parentid='+1000101}); }); /* * 收费项目下拉列表 */ $('#tollItem').combogrid({ panelWidth:440, striped: true, rownumbers:true,//序号 collapsible:false,//是否可折叠的 fit: true,//自动大小 pagination:true, //启用分页控件 method:'post', pageSize:NTax.pageSize, //每页显示的记录条数,默认为50 pageList:NTax.pageList, //可以设置每页记录条数的列表 loadMsg: '正在加载数据...', //当从远程站点加载数据时,显示的提示信息。 idField:'itemid', textField:'itemname', url:NTax.webPath + 'report/report!getTollItem?parentid='+10001, columns:[[ {field:'itemid',title:'项目编号',width:120}, {field:'itemname',title:'项目名称',width:280} ]] }); });
jsp页面:
<tr height=30> <td align="right" style="margin-right:10px;" height=30>项目类型:</td> <td> <input id="all" type="radio" name="itemclass" value="10001" checked="checked"/>全部 <input id="famo" type="radio" name="itemclass" value="1000102"/>罚没 <input id="shoufei" type="radio" name="itemclass" value="1000101"/>收费 </td> </tr> <tr height=30> <td align="right" style="margin-right:10px;" height=30>收费项目:</td> <td> <select id="tollItem" name="tollItem" style="width:270px;"> </select> </td> </tr>
相关推荐
本项目聚焦于EasyUI中的单选框和多选框组件,这两个组件在数据选择和用户交互方面扮演着重要角色。 标题中的“基于easyui的单选和多选框组件”指的是使用EasyUI库来实现的特定用户界面元素。EasyUI提供了丰富的组件...
修改上一个资源版本中结束编辑时...1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架,它包含了多个可复用的UI组件,如...
在easyUI中,`combogrid`是一个结合了`combobox`和`grid`特性的组件,它可以在一个下拉列表中展示表格数据,非常适合用于展示复杂的数据结构。例如,当需要在一个下拉列表中选择某个项目时,同时还需要展示该项目的...
此外,还需要处理复选框选中事件,确保选中的数据可以被正确设置为`combogrid`的值。下面是一个具体的实现示例: ```javascript $('#i_nodeItem_id' + type).combogrid({ panelWidth: 450, idField: 'taskId', ...
easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。
easyui combogrid是一种强大的数据选择插件,可以提供给用户多种选择的数据项。但是,当数据项内容很多时,仅仅提供选择项是不够的,需要能够对用户的输入进行过滤,以便快速定位到用户所需的数据项。下面是easyui ...
在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户...通过细致的布局和逻辑设计,我们可以创建出类似淘宝筛选的高效、易用的筛选界面,提升用户在数据浏览和查找时的体验。
asyUI ComboGrid 集成分页、按键示例源码 源码描述: 实现的功能: 1、下拉框下拉时出现表格; 2、表格带分页功能; 3、可以使用向上键、向下键在表格中移动选择行数据; 4、可以使用回车键在表格中选中行数据; 5、...
在本文中,我们将深入探讨如何在EasyUI框架中实现datagrid editor中的combogrid搜索框。EasyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的组件,如datagrid、combogrid等,用于构建简洁且功能强大的Web应用...
1. 数据绑定:通过JSON数据结构,将菜单项与`easyui-accordion`和`easyui-tree`组件关联起来,动态生成导航结构。 2. 事件处理:监听用户的点击事件,根据选择的菜单项执行相应的操作,如跳转页面、加载内容或展开/...
而“pages”目录则可能包含各种后台管理页面,每个页面对应一个或多个业务功能,它们通过EasyUI组件组合而成,实现了后台管理的各种操作。 EasyUI与后端技术如Java、PHP、ASP.NET等结合使用,可以构建完整的MVC...
《.NET + EasyUI 快速开发框架深度解析》 在现代软件开发中,高效、易用的开发框架是提升项目进度与质量的关键。".NET + EasyUI 快速开发框架"正是这样一种解决方案,它结合了.NET的技术优势与EasyUI的界面设计,为...
4. **数据绑定**:EasyUI 支持数据绑定,比如数据网格可以通过 `datagrid('load', url)` 动态加载数据。此外,还可以使用 `form` 组件与后端进行数据交互。 5. **组件组合**:EasyUI 的强大之处在于它可以将多个...
jquery easyui中的combogrid比较特殊,算是combo和grid的组合,combogrid结合一个可编辑的文本框和下拉数据网格面板,可以让用户迅速找到并选择,又可以进行搜索,展示与当前输入的字符相匹配的数据。如果数据量大的...
谁在jquery easyUI 下做过动态生成多条件查询功能,动态添加一行(一个条件):参数名(多个字段名)、关系符(>、<、>=、、=)、比较值(input)。大体就这样,点击“添加条件”,生成上面描述的一行,这个在jquery...
在本文中,我们将深入探讨如何使用EasyUI的Combotree控件绑定JSON数据,并通过C#后台生成JSON字符串。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,其中包括Combotree,它是一个结合了下拉框和树形结构的控件,...
"使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...
总的来说,通过 jQuery EasyUI 添加搜索框,开发者可以轻松地为用户创建功能强大的搜索功能,从而提高数据管理和查找的效率。了解其工作原理和配置选项,将有助于你更好地利用这一工具来优化你的 web 应用。