关于extjs multiselect的布局问题

最新推荐文章于 2013-12-20 13:14:54 发布
最新推荐文章于 2013-12-20 13:14:54 发布
阅读量245 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： ExtJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hzp020/article/details/84300785
本文详细介绍了在使用multiselect组件时遇到的滚动条问题，特别是当组件设置为固定高度时，如何通过将autoHeight属性设置为true来解决当前item行出现的滚动条问题，并且组件的显示列表项会自动适应并带有滚动条，而不是整个行出现滚动条。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 multiselect嵌套在一个form布局中，如果multiselect设置固定高度，则multiselect组件的这个item行都会出现纵向滚动条，貌似是multiselect组件撑破了行高，解决办法就是把multiselect组件设置autoHeight:true，不但这个item行高自动适应，而且multiselect的显示列表项也会按照设置的显示数量列出来，列表项超出部分multiselect组件会带滚动条，而并不是这个itme行出现滚动条。



① multiselect设定固定值时，multiselect组件当前item行出现滚动条

 

 

 

 

② multiselect设定autoHeight:true，当前item行滚动条问题解决

Extjs-拾贝
oscar999的专栏
01-09 1033
Extjs Ajax错误-Resource interpreted as Script but transferred with MIME type text/html用ST（Sencha Touch2.1.1）时，Ext.data.JsonP.request({...}) 请求数据的时候，报出了下图的警告，但是数据还是返回了， 我返回的数据形式是： Ext.callback1({name: 'c
ExtJs4.0之multiselect应用
Kevinzhangfei的专栏
12-13 5506
项目中有一个需求要实现一个组件，功能大概是在一个输入框中输入一条数据，点击添加按钮，该条数据会添加到下面一个“输入框”中，选择该输入框中的数据点击“删除”按钮，该条数据被删除，如下图所示。   由于视图层采用了ExtJs4.0，查了半天API文档才找到解决方法，采用Ext的multiselect组件可以实现此需求。 主要代码如下： 首先定义前置条件下拉框store： //定义前置条件添加
Ext上multiselect
zdpdyz123的博客
12-22 168
Ext.onReady(function() { Ext.BLANK_IMAGE_URL = "/ext2/resources/images/default/s.gif"; Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var count = 0;//日期计数器，最大值为9，即最多添加10个时段...
ext MultiSelect问题
技术造就人生
08-25 243
有三个面板，怎么样实现点击第一个面板的管理员，动态加载该管理员对应的已有角色和没有的角色。 ext 3.0里面有个实例MultiSelect，但不能放置grid。
Ext multiselect多选框
kanpiaoxue的专栏
12-20 693
在Ext里面经常会用到多选的组件： multiselect 我这里给出的是Ext 3.1.1的例子。里面有些地方需要注意，我会在下面进行说明 下面是HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> ...
extjs ux组件multiselect(下拉列表)
hzp
10-12 494
new Ext.Panel({ layout:'form',border:false,labelWidth:105, items:[ {xtype:'multiselect',fieldLabel:'标签',name:'', valueField:'id',displayField:'name',autoHeight:true,...
ExtJs3.4.0包，含大量样例
02-09
3. **布局管理**：框架支持多种布局模式，如Fit布局、FormLayout、Border布局等，可以方便地调整组件的大小和位置，适应不同屏幕尺寸和设备。 4. **Ajax支持**：ExtJS内置了Ajax功能，可以轻松地进行异步数据请求和...
Extjs下拉多选树
07-22
10. **响应式设计**：确保下拉多选树在不同屏幕尺寸和设备上都能良好地工作，可能需要应用ExtJS的响应式布局策略。 综上所述，ExtJS的下拉多选树组件是一个强大且灵活的工具，适用于需要展示和选择层次结构数据的...
ExtJS 4的多选功能实现 - BoxSelect组件解析
标题和描述中提到的关键知识点包括“ExtJS”，“multiselect”以及“BoxSelect”。首先，我们将对ExtJS进行详细的介绍，然后深入探讨多选组件的功能和重要性，最后解读BoxSelect的具体作用和在ExtJS中的实现。 ### ...
EXTJS多选下拉框
05-02
6. **使用组件**：在EXTJS的视图（View）或面板（Panel）中，你可以像使用其他组件一样实例化lovcombo，并将其添加到布局中。记得在需要的时候调用`render`方法使其在页面上显示。 7. **事件监听**：EXTJS支持丰富...
extjs multiselect
11-22
支持多选BoxSelect for ExtJS 4, a combo box improved for multiple value querying, selection and management.
Extjs4 下拉多选（Multiple Selection）
03-07
在Extjs4中，下拉多选得以支持，只需要设置Combobox的multiSelect值为true就可以了。但是有一些问题，就是下拉框选值、去除值友好性不高，必须点击下拉框中同样的项，才能选取或去除。 在官网论坛中，发现了一个插件，这个插件是扩展了Combobox多选功能，使得下拉多选更美观、好用。 更多Extjs4信息，请移步 http://www.mhzg.net
extjs 列表框(multiselect)的动态添加列表项的方法
10-29
最近公司一个项目,因为要使用div模拟的窗口,因为久闻extjs的大名,因此就想在项目中使用一下.首先下载了multiselect的extjs3.0 demo.看到的代码这里我就不粘贴了.
Extjs ux组件 MultiSelect
kkk_vvv的博客
03-02 371
 var msForm = new Ext.form.FormPanel({ title: 'MultiSelect Test', width: 700, bodyStyle: 'padding:10px;', renderTo: 'multiselect', items:[{ ...
ExtJS 扩展组件学习之列表框 Ext.ux.Multiselect
sammor
09-04 456
使用ExtJS的一个扩展插件：Ext.ux.Multiselect，也就是列表框组件。对该组件相关处理以及数据绑定、动态设置   总结一下处理的小方法： 一、数据绑定 //创建记录类型person var person = Ext.data.Record.create([ { name: 'tValue', mapping: 1 }, { name: 'tText...
Extjs多选下拉框multiSelect支持reset
nayao-net
01-10 249
多选，增加时会记忆上一次的选中的内容，表单reset对其无效，通过此修改可使表单reset时也会跟着清空。 以下代码是在multiSelect.js的基础上进行简单修改的。 if('function' !== typeof RegExp.escape) { RegExp.escape = function(s) { if('string' !== typeof s) { ret...
Ext JS多选控件 MultiCombo
weixin_30920853的博客
05-11 293
试过了不少能找到的多选控件，包括Ext官方坛子里的SuperBox啥的，不过越炫的bug越多，改起来越麻烦。算了吧，回归简单，从彭仁X(对不住了，那个字不会念所以也打不出来，惭愧...）老师的书《Ext JS源码分析与开发实例》中扒下来了一个，虽然简单，但是够用。当然由于是例子的关系功能还不是很完善，譬如对于放在Formpanel中数据加载的时候没有处理，所以加上了这一部分，并修复了一点小bug。...
ExtJS MultiselectItemSelector的使用 示例
看看我都干了些啥！
02-17 438
ExtJS MultiselectItemSelector的使用 示例 效果：  创建调用的HTML： <html><head>    <title>Forms</title>    <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-al
ext grid无法显示的解决方案
longyuan20102011的专栏
09-03 1123
在我们的项目中，大家经常都会用到网格(Grids)来展示数据。 我们经常要面对的问题就是，可以按每一列排序，表头固定不动，内容可以滚动等等。 在引入了ExtJs后，这些就不再需要我们来完成了。大家看下面这张效果图： 演示(demo)地址在文章最后. 效果图如下: 用到的有两个文件array-grid.html和array-grid.js。如果没有特别声明，.html跟.j
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值