首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >JQGrid搜索对话框:文本输入在从下拉列表中选择列时调整大小

JQGrid搜索对话框:文本输入在从下拉列表中选择列时调整大小
EN

Stack Overflow用户
提问于 2018-04-20 20:52:22
回答 1查看 62关注 0票数 0

我正在使用jqGrid的搜索对话框,并根据此Stack Overflow post调整beforeShowSearch和afterRedraw事件中文本输入的大小。

这在初始加载和重置时效果很好,但是,正如该帖子答案的注释中所提到的,当从列拖放列表中选择新值时,文本输入将其宽度调整为默认值。如何在选择新的droplist项时保持文本输入的宽度?

EN

回答 1

Stack Overflow用户

发布于 2018-04-23 23:38:12

我想出了一个解决方案。如果有人知道另一种方法,请贡献。下面是我所做的:我将一个.change()函数附加到droplist。此函数用于设置文本框的宽度值,有效地使其保持不变。为了确保在设置.change()函数时存在droplist,我在来自beforeShowSearch事件的相同函数调用中设置了它。代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(divId).jqGrid('navGrid', pagerId, { add: true, edit: false, del: false, search: true },
        {}, //default for edit
        {}, //default for add
        {}, //delete disabled
        { //search
            width: '750',
            beforeShowSearch: function () {
                   //set textbox width
                   $(".searchFilter table td .input-elm").css('width', '300px');
                   //keep it in place with .change() on select
                   $(".searchFilter table td select").change(function () {
                        $(".searchFilter table td .input-elm").css('width', '300px');
                   });
                   return true;
        },
        {} // view parameters
    );

当然,可以通过将.css调用提取到它自己的函数中来消除重复。按您喜欢的方式重构。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49949568

复制
相关文章
用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列。
数据库中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列。
全栈程序员站长
2022/07/09
1.7K0
组件封装之输入框下拉列表
项目开发的时候刚好遇到一个需求,需要在输入框输入名字的时候,弹出相应的人员列表提供选择,然后将数据赋值给输入框。项目是使用iview组件的,一开始想着在自定义iview的下拉选择,后来发现效果并不理想。为了实现功能,就在iview输入框的基础上进行了组件封装,下面就来讲下组件封装的过程。
逆锋起笔
2021/05/18
2.2K0
组件封装之输入框下拉列表
Excel表格的35招必学秘技[配图]
一、让数据按需排序   如果你要将员工按其所在的部门进行排序,这些部门名称既的有关信息不是按拼音顺序,也不是按笔画顺序,怎么办?可采用自定义序列来排序。   1.执行“格式→选项”命令,打开“选项”
ytkah
2018/03/06
7.6K0
Excel表格的35招必学秘技[配图]
基于jQuery 常用WEB控件收集
基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。
全栈程序员站长
2022/07/05
7.5K0
jqgrid列表显示时间控件[通俗易懂]
                            dataInit:function(e){
全栈程序员站长
2022/08/25
2.6K0
jqgrid列表显示时间控件[通俗易懂]
Office 2007 实用技巧集锦
本文是我平时工作中收集的技巧点滴,已经整理好发布到 [url]http://www.microsoft.com/china/office/ready[/url],这里面不光有文字的,还有录制的视频,目前大家看到的是第一辑,第二辑近期也会发布到上面这个地址。
迅达集团
2019/03/09
5.1K0
Office 2007 实用技巧集锦
Word中选择文本的时候可以通过快捷键组合实现不同的选择模式: 按住【Ctrl】键可以在一篇Word文档中选择不连续的选区; 按住【Shift】键可以从光标闪动位置到鼠标单击位置进行扩展选择; 按住【Alt】键能够选择一个矩形选区,而不必限制于一行选完再选下一行; 对于选择文中多处具有类似格式的文本,可以选中其中的一部分文本,然后点击右键,选择【样式】-【选择格式相似的文本】来实现。
迅达集团
2019/03/19
5.4K0
Office 2007 实用技巧集锦
超详细论文排版秘籍,宜收藏!
👆点击“博文视点Broadview”,获取更多书讯 又到一年毕业季,你的论文定稿了吗?很多小伙伴在进行论文排版时,总会遇到各种各样的问题,本文就来手把手教大家如何从头开始给自己的论文排一个好看的版式! 排版思维及页面设置 论文排版的顺序和书写的顺序不完全相同。 论文排版主要包括:前置部分(封 面、诚信书、致谢、摘要及目录)、正文、参考文献和附录。 小贴士 较为高效的排版方法是,在书写的过程中完成正文的排版。然后进行参考文献、附录的排版,最后添加前置部分,即封面、目录等。 在调整文本之前,一定要先做好页面
博文视点Broadview
2022/05/27
4.7K1
超详细论文排版秘籍,宜收藏!
VMware 中 Linux 调整分区大小
Precondition :VMware Player 中安装的Fedora 17 Linux 32bit,个人较久远的测试环境,安装时没有进行磁盘规划,默认20G空间(动态调整),安装在根/下。 Background :在上述环境中安装IBM DB2 Express-C 10.5(v10.5fp1_linuxia32_expc.tar.gz),安装时/tmp空间不足,无法安装。 Plan:需要进行磁盘扩容。考虑到使用VMware Player虚拟机。
gigiwangs
2019/02/28
6.9K0
【HTML】HTML 注册表单案例 ② ( 表格中的内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )
下拉列表 写在 td 单元格 标签 中 , 外层使用 <select> 标签 , 内层使用 <option> 标签 ;
韩曙亮
2023/03/30
6.2K0
【HTML】HTML 注册表单案例 ② ( 表格中的内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )
Excel编程周末速成班第18课:使用用户窗体创建自定义对话框
Excel程序员可以创建自定义对话框以在VBA应用程序中使用。这些对话框在Office中称为用户窗体,可以包含你在属于Excel应用程序本身以及其他Windows应用程序的对话框中看到的所有元素,它们提供了非常强大的编程工具,使你可以为Excel应用程序提供自定义的可视界面。本课程以及接下来的三节课将向你展示如何创建和使用用户窗体。
fanjy
2021/01/06
11.1K0
180多个Web应用程序测试示例测试用例
180多个Web应用程序测试示例测试用例 假设:假设您的应用程序支持以下功能 各种领域的表格 儿童窗户 应用程序与数据库进行交互 各种搜索过滤条件和显示结果 图片上传 发送电子邮件功能 数据导出功能 通用测试方案 1.所有必填字段均应经过验证,并以星号(*)表示。 2.验证错误消息应正确显示在正确的位置。 3.所有错误消息应以相同的CSS样式显示(例如,使用红色) 4.常规确认消息应使用CSS样式而不是错误消息样式(例如,使用绿色)显示 5.工具提示文本应有意义。 6.下拉字段的第一项应为空白或诸如“选择”
用户7466307
2020/06/17
8.3K0
pyqt中QTableWidget里的下拉列表
有时候我们希望在QTableWidget的单元格中进行下拉列表的选择,就像excel里面这样。那么怎么设置呢?怎么实现读和写呢?特别是在pyqt中,在c++中,网上已经有很多例子了。
钱塘小甲子
2019/08/15
3.7K0
计算机文化基础 第一部分 1.1 信息与信息技术 1.1.1信息与数据 信息的概念: 一般认为:信息是在自然界、人类社会和人类思维活动中普遍存在的一切物质和事物的属性。 信息能够用来消除事物不
信息的概念:  一般认为:信息是在自然界、人类社会和人类思维活动中普遍存在的一切物质和事物的属性。  信息能够用来消除事物不确定的因素
青灯古酒
2023/10/16
1.4K0
[Excel技巧]创建下拉列表
在单位用Excel做统计,想偷个小懒,比如食品一栏。能不能设计一个下拉列表,直接在列表框中选择,省去键盘的重复输入呢?
卷福同学
2023/04/28
2.3K0
[Excel技巧]创建下拉列表
Java 下拉列表
import java.awt.Container; import java.awt.FlowLayout; import java.awt.Font; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.ComboBoxModel; import javax.swing.DefaultComboBoxModel; import javax.swing.JButton; im
用户2965768
2019/03/04
3K0
计算机文化基础
信息的概念:  一般认为:信息是在自然界、人类社会和人类思维活动中普遍存在的一切物质和事物的属性。  信息能够用来消除事物不确定的因素
青灯古酒
2023/10/16
8560
WORD的基本操作(六)
2 在“可用视窗”列表中显示出目前计算机中开启的应用程序屏幕画面,可以在其中选择并单击需要的屏幕图片,即可将整个屏幕画面其作为图片插入到文档中
用户5410712
2022/06/01
1.3K0
【HTML】HTML 表单 ④ ( textarea 文本域控件 | select 下拉列表控件 )
使用 select 下拉列表 控件 提供多个选择项 供用户选择 , 比 单选按钮 要节省更多的空间 ;
韩曙亮
2023/03/30
4.7K0
【HTML】HTML 表单 ④ ( textarea 文本域控件 | select 下拉列表控件 )
18个您想了解的微小但有用的macOS功能
macOS具有许多如此小巧而有用的功能,在您偶然发现它们或有人将它们指出给您之前,很容易错过它们。
office小助手
2020/12/25
6.1K0
18个您想了解的微小但有用的macOS功能

相似问题

jqGrid高级搜索对话框-具有下拉选择的列

10

JQGRID搜索调整大小

10

jqGrid内联多搜索选择下拉列表

11

jqGrid:更新高级搜索对话框,列下拉列表-使用列选择器添加列之后

11

jqgrid动态更改搜索模式中的“下拉列选择”

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文