Ext multiselect 怎样设置只能单选

网上有关“Ext multiselect 怎样设置只能单选”话题很是火热，小编也是针对Ext multiselect 怎样设置只能单选寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，希望能够帮助到您。

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 生成一个下拉框

JS打开选择本地文件的对话框:

方法一：

在定义的form中添加以下javascript代码：

{

anchor?:?'95%',

xtype:?'fileuploadfield',

id:?'form-file',

emptyText:?'请选择',

fieldLabel:?'上传附件',

name:?'meetingAffix',

buttonText:?'Browse'

}

单击Browse按钮后可以打开对话框，选中文件后，所选文件路径会出现在上传附件后面的文本框中。

方法二：

在定义的form中添加以下javascript代码：

{

columnWidth?:1,

layout?:'form',

bodyStyle?:'padding:10px',

defaultType?:'textfield',

labelWidth?:120,

width?:1000,

buttonAlign?:'center',

items?:?[?{

fieldLabel?:'请选择要上传的文件',

name?:'fileName',

id?:'fileId',

anchor?:'95%',

allowBlank?:false,

inputType?:'file'

}?]

}

方法三：

给按钮定义以下javascript函数：

var?inputObj=document.createElement('input')

inputObj.setAttribute('id','_ef');

inputObj.setAttribute('type','file');

inputObj.setAttribute("style",'visibility:hidden');

document.body.appendChild(inputObj);

inputObj.click();

inputObj.value?;

单击已经添加函数的按钮会弹出选择本地文件的对话框。

extjs中，如何在textfield后面加一个按钮，并且点击按钮要调用后台方法

var TypeData = [['1','选项1'],['2','选项2']];

var TypeDs = new Ext.data.Store({

proxy: new Ext.data.MemoryProxy(TypeData),

reader: new Ext.data.ArrayReader({},[{name: 'Type'},{name: 'TypeName'}])

});

TypeDs.load();

var TypeCombo = new Ext.form.ComboBox({

fieldLabel:'类型',

store: upgradeTypeDs,

displayField:'TypeName',

valueField:'Type',

typeAhead: false,

mode: 'local',

allowBlank:false,

triggerAction: 'all',

selectOnFocus:true,

forceSelection:true,

editable:false,

validateOnBlur:false,

anchor:'95%',

emptyText:'请选择...'

});

Ext.form.TriggerField 这个类是 TextField的子类,你创建他的实例的时候可以设定下面的属性.这个属性就是后面的

triggerClass : String

举个简单例子：

var comNam = new Ext.form.TriggerField({

name : 'comNam',

allowBlank: false,

blankText:"请点击文本框，进行公司选择",

fieldLabel :net.uni.in1.notBlankMark+ '公司名称',

readOnly:true,

cls:"ux-readOnly", //增加此样式，可以变灰

enableKeyEvents: true,

listeners:{

'focus': function(){

chooseCust();

}

},

triggerClass : 'view',

anchor : '90%'

});

}

关于“Ext multiselect 怎样设置只能单选”这个话题的介绍，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！