Ext multiselect 怎样设置只能单选
2个回答
2016-05-13 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
ext的MultiSelect 允许在一个form的域中选择一个或者多个字段值。这个数据的结构是一个数据存储来源，它可以重新排序通过拖动或者删除，只要设置ddReorder:true 即可。
常用举例如下：
/*
* Ext.ux.form.MultiSelect Example Code
*/
var msForm = Ext.widget('form', {
title: 'MultiSelect Test',
width: 400,
bodyPadding: 10,
renderTo: 'multiselect',
items:[{
anchor: '100%',
xtype: 'multiselect',
msgTarget: 'side',
fieldLabel: 'Multiselect',
name: 'multiselect',
id: 'multiselect-field',
allowBlank: false,
store: {
fields: [ 'number', 'numberName' ],
proxy: {
type: 'ajax',
url: 'Numbers',
reader: 'array'
},
autoLoad: true
},
valueField: 'number',
displayField: 'numberName',
value: ['3', '4', '6'],
ddReorder: true
}],
dockedItems: createDockedItems('multiselect-field')
});
常用举例如下：
/*
* Ext.ux.form.MultiSelect Example Code
*/
var msForm = Ext.widget('form', {
title: 'MultiSelect Test',
width: 400,
bodyPadding: 10,
renderTo: 'multiselect',
items:[{
anchor: '100%',
xtype: 'multiselect',
msgTarget: 'side',
fieldLabel: 'Multiselect',
name: 'multiselect',
id: 'multiselect-field',
allowBlank: false,
store: {
fields: [ 'number', 'numberName' ],
proxy: {
type: 'ajax',
url: 'Numbers',
reader: 'array'
},
autoLoad: true
},
valueField: 'number',
displayField: 'numberName',
value: ['3', '4', '6'],
ddReorder: true
}],
dockedItems: createDockedItems('multiselect-field')
});
本回答由电脑网络分类达人 郭强推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
七鑫易维信息技术
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业，迄今已专注眼球追踪技术的研发、创新与应用超过14年，拥有完全自主知识产权，全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌，七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
展开全部
在select元素上设置一个size属性就好,值必须大于1哦.
示例代码如下:
<select name="product" class="dropdownlist" size="2">
<option value="1">东东</option>
<option value="2">西西</option>
<option value="3">南南</option>
</select>
<script type="text/javascript">
$(function(){
//单选下拉框
$('.dropdownlist').multiselect({
nonSelectedText: '请选择',
enableFiltering: true,
buttonWidth: '350px'
});
});
</script>
当然你也可以加一个空的选项,如:<option value=””>请选择</option>,这样做的话会在列表中显示这个选项,敢脚不怎么舒服.
示例代码如下:
<select name="product" class="dropdownlist" size="2">
<option value="1">东东</option>
<option value="2">西西</option>
<option value="3">南南</option>
</select>
<script type="text/javascript">
$(function(){
//单选下拉框
$('.dropdownlist').multiselect({
nonSelectedText: '请选择',
enableFiltering: true,
buttonWidth: '350px'
});
});
</script>
当然你也可以加一个空的选项,如:<option value=””>请选择</option>,这样做的话会在列表中显示这个选项,敢脚不怎么舒服.
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
