㈠ 怎么获得Extjs表格选中的值
你看这样行么
var sm = new Ext.grid.CheckboxSelectionModel(); //选择模型，定义checkbox选择框,可选项
在做一个按钮
tbar:{
text:'修改',
tooltip:'修改菜单',
iconCls:'viewButton',
handler:modfiy,
disabled:false
},
在写一个modfiy事件
这里的.getSelectionModel().hasSelection()就是获取值了
function modfiy(){
if (grid.getSelectionModel().hasSelection()){
var records=grid.getSelectionModel().getSelections();
if(records.length == 1){
var id=records[0].data['id'];
top.ExtModalDialog.show(
"修改菜单",
"sys/menuhandle.servlet?action=modfiy&id="+id,
null,
refresh,
{width:500,height:400}
);
}else{
top.Ext.Msg.alert('提示','请选中一条修改!');
}
}else{
top.Ext.Msg.alert('提示','请选中要操作的记录!');
}
};
表的ID是gride
我试了试可以
㈡ extjs 复选框价格累加
累加的时候，你需要做下判断，就是你选中的这个checkbox必须四海勾选状态才累加，否则则减去这个价格
if(checks[rowIndex].checked==true){
var tempzongjia=zongjia+price;
}else{
var tempzongjia=zongjia-price;
}
我觉得你这块代码出了问题，你可以再这块用alert测试，或者firebug调试，都可以
㈢ extjs 根据fieldset的checkBox情况,来全选checkBoxGroup
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Extjs4.2demo</title>
<linkrel="stylesheet"href="../resources/css/ext-all.css">
<scriptsrc="../bootstrap.js"></script>
<script>
.onReady(function(){
Ext.create('Ext.Panel',{
width:450,
items:[{
xtype:'checkboxgroup',
listeners:{
change:function(gp,nv,ov,eOpts){
//全选
if(nv.all&&!ov.all)
returngp.eachBox(function(box,idx){
box.setRawValue(true);
});
//反选
if(ov.all&&!nv.all)
returngp.eachBox(function(box,idx){
box.setRawValue(false);
});
}
},
width:'100%',
fieldLabel:'AutoLayout',
cls:'x-check-group-alt',
items:[
{boxLabel:'全选',name:'all'},
{boxLabel:'Item1',name:'cb-auto-1',checked:true},
{boxLabel:'Item2',name:'cb-auto-2'},
{boxLabel:'Item3',name:'cb-auto-3'},
{boxLabel:'Item4',name:'cb-auto-4'}
]
},{
xtype:'button',
text:'GetChecked',
handler:function(){
Ext.Msg.alert('选中数量',String(this.up('panel').items.items[0].getChecked().length));
}
}],
renderTo:Ext.getBody()
});
});
</script>
</head>
<body>
</body>
</html>
㈣ extjs4.2 怎么根据name 获取 checkboxgroup选中的值
varCheckboxGroup=form.getForm().findField('name');
for(vari=0;i<CheckboxGroup.items.length;i++)
{
if(CheckboxGroup.items.itemAt(i).checked)
{
alert(CheckboxGroup.items.itemAt(i).name);
}
}
㈤ extjs中checkcolumn怎么默认勾选部分checkbox
查看它对应的dataIndex名、在grid的store加载值时传个布尔值应该就行了
㈥ extjs 如何根据数据库字段让CheckboxSelectionModel选中
store 为grid的store，数据加载完后判断一下ID=3的数据在store中的位置，然后选中这一行
store.on('load',function(store, records){
var index = store.find('ID',3);
grid.getSelectionModel().selectRow(index);
});
㈦ extjs 如何单击下让GridPanel里某一行的复选框选中
var sm = new Ext.grid.CheckboxSelectionModel({
//singleSelect: true,
listeners:{
//选中
"rowselect": function (grid,rowIndex,e) {
//使用这种方法会在先点击最后一组数据的时候报错
//var row=grid.getSelections();
//var val=row[rowIndex].get("id");
var grid = Ext.getCmp("shopGrid");
var val = grid.getStore().getAt(rowIndex).get("id");
sendUsersId.push(val);//存放用户id
//alert(sendUsersId.toString());
},
//取消选中
"rowdeselect": function (grid, rowIndex, e) {
var grid = Ext.getCmp("shopGrid");
var val=grid.getStore().getAt(rowIndex).get("id");
sendUsersId.remove(val);//移除用户id
//alert(sendUsersId.toString());
}
}
});
㈧ extjs CheckboxGroup默认选中问题
Ext.onReady(function() {
var port = new Ext.Viewport({
layout: 'border',
items: [chkEditDomain],
cls: "inner-viewport",
listeners: {
render: function() {
// Ext.getCmp("itemsid0").setValue("211", true);
// Ext.getCmp("itemsid0").setValue("212", true);
// Ext.getCmp("itemsid0").setValue("213", true);
// Ext.getCmp("itemsid0").setValue("214", true);
}
}
});
});
var chkEditDomain = new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: '测试',
name: 'chkEditDomain',
allowBlank: false,
id: 'itemsid0',
width: 200,
columns: 4,
items: [
{ boxLabel: 'IND', name: 'IND', id: '211', inputValue: '5', checked:true },
{ boxLabel: 'CE', name: 'CE', id: '212', inputValue: '6' ,checked:true},
{ boxLabel: 'SC', name: 'SC', id: '213', inputValue: '8' ,checked:true},
{ boxLabel: 'FA', name: 'FA', id: '214', inputValue: '7' ,checked:true}
]
});
这样行吗？