`

easyui combogrid如何传递参数到后台

阅读更多
1. 代码如下,精测试用data带参数提交行不通,只能是queryParams 的形式

contactsComboGrid = $('#contacts_friends_id')
			.combogrid(
					{
						//url : 'personalContactsMaintainAction!queryContactsComboGrid.action?contactsId='
						//		+ id,
						url : 'personalContactsMaintainAction!queryContactsComboGrid.action',
						queryParams : {
							contactsId : contactsFriendsId
						},
						idField : 'contactsId',
						textField : 'name',
						panelWidth : 510,
						editable : false,
						collapsible : false,// 是否可折叠的
						required : true,
						method : 'post',
						fit : true,// 自动大小
						pagination : true,
						pageSize : 10,
						pageList : [ 10, 20, 30, 40, 50 ],
						fitColumns : true,
						columns : [ [ {
							field : 'name',
							title : '姓名',
							width : 100
						}, {
							field : 'telFirst',
							title : '手机',
							width : 150
						}, {
							field : 'company',
							title : '公司',
							width : 150
						}, {
							field : 'position',
							title : '职务',
							width : 100
						}, {
							field : 'contactsId',
							hidden : true
						} ] ]
					});

分享到:
评论

相关推荐

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

    easyui combogrid实现本地模糊搜索过滤多列需要考虑到combogrid的声明和数据加载、combogrid的配置、模糊搜索的实现、doSearch方法的实现和combogrid的事件处理等方面。只有掌握了这些知识点,才能正确地使用easyui ...

    EasyUI ComboGrid 集成分页、按键示例

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

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

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

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

    在使用EasyUI框架中的`combogrid`组件时,可能会遇到两个主要问题:一是本地模糊搜索功能在多列上的实现;二是点击复选框时,无法正确选中数据的情况。本文将详细介绍如何解决这两个问题。 #### 二、EasyUI ...

    easyui datagrid editor combogrid和combobox

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

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

    - 使用`$.extend`方法扩展datagrid默认的editors,将`combogrid`添加到其中。 ```javascript $.extend($.fn.datagrid.defaults.editors, { combogrid: { init: function(container, options) { var input = $...

    easyui中combobox后台交互实例

    在本文中,我们将深入探讨EasyUI中的Combobox组件以及如何实现与后台的交互。EasyUI是一个基于jQuery的轻量级前端框架,它提供了一系列易于使用的UI组件,包括Combobox,用于创建下拉列表框,同时支持后台数据加载,...

    EasyUI做的漂亮的后台管理框架

    2. **响应式设计**:考虑到后台管理系统可能在不同设备上使用,EasyUI支持响应式布局,确保在桌面、平板和手机等不同屏幕尺寸上都能提供良好的用户体验。 3. **数据绑定和异步交互**:EasyUI与后端服务进行数据交换...

    EasyUI ComboGrid

    1、下拉框下拉时出现表格; 2、表格带分页功能; 3、可以使用向上键、向下键在表格中移动选择行数据; 4、可以使用回车键在表格中选中行数据;...5、在下拉框的文本框中输入内容,能查询表格;...6、下拉框的文本框的...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    EasyUI 是一个基于 jQuery 的前端框架,主要用于快速构建用户界面,尤其适用于后台管理系统。这个"easyUI例子_easyui1.4.4"压缩包提供了一套使用 EasyUI 1.4.4 版本的经典后台管理模板,适用于开发人员快速搭建功能...

    扩展easyUI,上传文件时附传参数

    然而,当涉及到文件上传时,EasyUI的标准实现并不支持在上传文件的同时传递其他参数。这种需求在实际业务场景中是常见的,例如,用户可能需要在上传文件时指定文件类别或关联其他数据。针对这种情况,我们可以对...

    后台模板HTML+整套Easyui皮肤组件-后台管理系统模板

    后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板...

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

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

    jQuery-Easyui写的一个后台框架

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列的可重用的 UI...这个“jQuery-Easyui写的一个后台框架”是一个很好的起点,对于想要快速搭建后台管理系统的开发者来说,是一个值得学习和参考的资源。

    EasyUI整套皮肤组件_EasyUI 后台模板HTML_后台管理系统模板最新46M

    EasyUI皮肤组件UI设计 这套easyui皮肤,用了扁平化的设计风格,在easyui官方最新版jQuery EasyUI 1.4.5的基础上重新设计所有组件,与easyui默认皮肤一样,可以很方便的进行替换设置,并且也可以很方便的对本套皮肤...

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

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

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

    在实现搜索功能时,通常会使用datagrid的queryParams属性来传递查询参数。在combogrid中,我们试图设置combogrid的grid对象的datagrid选项的queryParams属性,然后调用datagrid的reload方法来刷新数据。然而,在编辑...

    easyui(12套后台模版),花钱购买的,漂亮简洁清新

    easyui漂亮的后台管理框架,共12套,花钱购买的,有橙色模版,黑色模版,红色模版,蓝色模版,绿色模版,浅蓝色模版,深灰模版,深蓝模版,office2016版,数字管理系统,信息考核系统,云平台以及PSD源图。

Global site tag (gtag.js) - Google Analytics