extjs下拉框多选（extjs 如何获取combox下拉框中选中的值）

本文目录

• extjs 如何获取combox下拉框中选中的值
• extjs combobox样式下拉框中如何添加复选框
• extjs 里Ext.grid.CheckboxSelectionModel多选框
• 用extjs技术怎么在行中嵌入下拉列表框
• extjs中下拉框选择一项另外一项下拉框显示默认值（选择下拉框中的A1，另一下拉框自动选择B1）
• 怎么把用Ext生成多选下拉框

extjs 如何获取combox下拉框中选中的值

var securityTypeIDValue = Ext.getCmp(’securityTypeCombo’).getValue();
// 获取显示值
var securityTypeDisValue = Ext.getCmp(’securityTypeCombo’).getRawValue(); 
// Combox定义
/***************************Combox start*******************************/
var securityTypeRecord=[   
                    {name : ’SAVE_VALUE’,type : ’string’},   
           笑简         {name : ’DISPLAY_VALUE’,type : ’string’}
            ];     
var securityTypeRecordHeads = Ext.data.Record.create(securityTypeRecord); 
var securityTypeDatastore = new Ext.data.Store( {   
    proxy:new Ext.data.HttpProxy(new Ext.data.Connection({timeout:0,url:’/customize/control/getZhengShangsecurityType’})),   
 侍亩   reader : new Ext.data.JsonReader( {   
        root : ’root’老升森
    }, securityTypeRecordHeads),   
    remoteSort : false  
});   
securityTypeDatastore.load();
var securityTypeCombo = new Ext.form.ComboBox({
id:’securityTypeCombo’,
width:110,
forceSelection : true,   
selectOnFocus: true,   
triggerAction: ’all’,   
mode: ’local’,   
store: securityTypeDatastore,   
allowBlank: true,   
valueField : ’SAVE_VALUE’,   
displayField : ’DISPLAY_VALUE’,
emptyText:’---请选择---’
});
/***************************Combox  end *******************************/

extjs combobox样式下拉框中如何添加复选框

{ xtype: ’combo’,
name: ’status’,
id: ’statusId’银码皮,
multiSelect: true,
editable: false,
emptyText: ’ 策略执行状态’,
queryMode: ’锋差local’,
store: status,
valueField: ’id’,
displayField: ’name’,
listConfig: {
itemTpl: ‘《tpl for="模迹."》《div class="x-combo-list-item" onClick="onClick(this)"》《span》《input type="checkbox" value="{}" /》 {name}《/span》《/div》《/tpl》’,
},
queryMode: ’local’,
triggerAction: ’all’,
}
这样写不是更方便和直接么，而且获取参数也比较简单，得到的是个array

extjs 里Ext.grid.CheckboxSelectionModel多选框

处理这种需求一般都是加一个列表，把选中的统一列到此选择列表里面，还可以删除操作等；
如果不想要建立一个选择列表，改衫迅还是得按照这种思路，得把勾选过的数据保存到数组里，保存每行的id和checked属性，提交时就能完成所需提交，此外，每次换页都得读取这个checked属性set到selectModel里去。
因为remote请求塌做数据，如果不这么做，本地不保存的话，又不能直接打勾请求数核此据，修改服务端checked属性，肯定是不可以换页回来还能看到勾选的。

用extjs技术怎么在行中嵌入下拉列表框

首先grid的是new Ext.grid.EditorGridPanel可的列表。这里可以闭晌配置参数单击或双击所轿碧锋在行，具体的见api。
然后是这里new Ext.grid.ColumnModel([
需要嵌入下拉列表框的列这样定义就哦了
{header : "合同状态",width : 100,sortable : true,align : "center",dataIndex : "state"
,editor : new Ext.form.ComboBox({//的时候变成下拉框。
triggerAction : "all",
width : 120,
editable: false,
store : ,
resizable : true,
mode : ’local’,
lazyRender : true
})
}

extjs中下拉框选择一项另外一项下拉框显示默认值（选择下拉框中的A1，另一下拉框自动选择B1）

$(’#fId’).combobox({
valueField: ’id’,
textField: ’name’,
editable:false,
panelHeight:’auto’,
url : ctx+’御埋module/list.do’,
onSelect : function(rec){
$(’#pid’).combotree(’clear’);
var url = ctx+’menu/module/’+rec.id+’.do’;
$(’#pId’).combotree(’reload’, url);
},
onLoadSuccess : function (data){
},
onLoadError : function(data){
$.messager.alert(’提示’,’加载数据失败!’,’info’);
}
});
以上是esayui中的下拉框 级联的代码示例
$(’#pid’).combotree(’clear’搭拆哪);
var url = ctx+’menu/module/’+rec.id+’.do’;
$(’#pId’).combotree(’reload’, url);
在上级选中后 把下级选择框内容清楚 在重新根据上级的id去知码加载即可

怎么把用Ext生成多选下拉框

使燃羡用：lovcombo 多选下拉框 ，EXTJS的扩行改展控件。
可百度搜索下载， LovCombo.js 和样式表LovCombo.css （css可能不需要 ）
使用方法：使用 xtype:’lovcombo’ 其他属性和combo一样的。
jsp引用皮带拍
《link rel="stylesheet" type="text/css" href="../resources/css/Ext.ux.form.LovCombo.css" /》
《script type="text/javascript" src=’../jslib/Ext.ux.form.LovCombo.js’》《/script》
找不到百度HI联系，发给你。