`

EasyUI 通过单选框筛选combogrid数据

阅读更多

 

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"/>全部&nbsp;&nbsp;&nbsp;
					<input id="famo" type="radio" name="itemclass" value="1000102"/>罚没&nbsp;&nbsp;&nbsp;
					<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>

 

 

1
0
分享到:
评论

相关推荐

    基于easyui的单选和多选框组件

    本项目聚焦于EasyUI中的单选框和多选框组件,这两个组件在数据选择和用户交互方面扮演着重要角色。 标题中的“基于easyui的单选和多选框组件”指的是使用EasyUI库来实现的特定用户界面元素。EasyUI提供了丰富的组件...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时...1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题

    基于easyui 1.4.5的单选和多选框组件

    本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架,它包含了多个可复用的UI组件,如...

    easyui的datagrid中editor和combogrid的结合使用

    在easyUI中,`combogrid`是一个结合了`combobox`和`grid`特性的组件,它可以在一个下拉列表中展示表格数据,非常适合用于展示复杂的数据结构。例如,当需要在一个下拉列表中选择某个项目时,同时还需要展示该项目的...

    combogrid 本地搜索多列匹配及复选框选中问题

    此外,还需要处理复选框选中事件,确保选中的数据可以被正确设置为`combogrid`的值。下面是一个具体的实现示例: ```javascript $('#i_nodeItem_id' + type).combogrid({ panelWidth: 450, idField: 'taskId', ...

    easyui datagrid editor combogrid和combobox

    easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。

    easyui combogrid实现本地模糊搜索过滤多列

    easyui combogrid是一种强大的数据选择插件,可以提供给用户多种选择的数据项。但是,当数据项内容很多时,仅仅提供选择项是不够的,需要能够对用户的输入进行过滤,以便快速定位到用户所需的数据项。下面是easyui ...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户...通过细致的布局和逻辑设计,我们可以创建出类似淘宝筛选的高效、易用的筛选界面,提升用户在数据浏览和查找时的体验。

    EasyUI ComboGrid 集成分页、按键示例

    asyUI ComboGrid 集成分页、按键示例源码 源码描述: 实现的功能: 1、下拉框下拉时出现表格; 2、表格带分页功能; 3、可以使用向上键、向下键在表格中移动选择行数据; 4、可以使用回车键在表格中选中行数据; 5、...

    简介EasyUI datagrid editor combogrid搜索框的实现

    在本文中,我们将深入探讨如何在EasyUI框架中实现datagrid editor中的combogrid搜索框。EasyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的组件,如datagrid、combogrid等,用于构建简洁且功能强大的Web应用...

    EasyUI 多层导航框架

    1. 数据绑定:通过JSON数据结构,将菜单项与`easyui-accordion`和`easyui-tree`组件关联起来,动态生成导航结构。 2. 事件处理:监听用户的点击事件,根据选择的菜单项执行相应的操作,如跳转页面、加载内容或展开/...

    EasyUI后台管理框架

    而“pages”目录则可能包含各种后台管理页面,每个页面对应一个或多个业务功能,它们通过EasyUI组件组合而成,实现了后台管理的各种操作。 EasyUI与后端技术如Java、PHP、ASP.NET等结合使用,可以构建完整的MVC...

    .NET+EasyUI快速开发框架

    《.NET + EasyUI 快速开发框架深度解析》 在现代软件开发中,高效、易用的开发框架是提升项目进度与质量的关键。".NET + EasyUI 快速开发框架"正是这样一种解决方案,它结合了.NET的技术优势与EasyUI的界面设计,为...

    easyui框架

    4. **数据绑定**:EasyUI 支持数据绑定,比如数据网格可以通过 `datagrid('load', url)` 动态加载数据。此外,还可以使用 `form` 组件与后端进行数据交互。 5. **组件组合**:EasyUI 的强大之处在于它可以将多个...

    EasyUi中的Combogrid 实现分页和动态搜索远程数据

    jquery easyui中的combogrid比较特殊,算是combo和grid的组合,combogrid结合一个可编辑的文本框和下拉数据网格面板,可以让用户迅速找到并选择,又可以进行搜索,展示与当前输入的字符相匹配的数据。如果数据量大的...

    jquery easyUI 实现动态生成多条件查询功能

    谁在jquery easyUI 下做过动态生成多条件查询功能,动态添加一行(一个条件):参数名(多个字段名)、关系符(&gt;、&lt;、&gt;=、、=)、比较值(input)。大体就这样,点击“添加条件”,生成上面描述的一行,这个在jquery...

    easyui的combotree控件绑定json数据的例子

    在本文中,我们将深入探讨如何使用EasyUI的Combotree控件绑定JSON数据,并通过C#后台生成JSON字符串。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,其中包括Combotree,它是一个结合了下拉框和树形结构的控件,...

    使用easyui表格数据动态生成饼图

    "使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...

    Jquery-easyui添加搜索框

    总的来说,通过 jQuery EasyUI 添加搜索框,开发者可以轻松地为用户创建功能强大的搜索功能,从而提高数据管理和查找的效率。了解其工作原理和配置选项,将有助于你更好地利用这一工具来优化你的 web 应用。

Global site tag (gtag.js) - Google Analytics