<ext:CheckColumn runat="server" Text="选择" ID="Selected" Selectable="true" Editable="true" Sealed="true" TplWriteMode="Append">
<DirectEvents>
<CheckChange OnEvent="Selected_ChangeEvent">
<ExtraParams>
<ext:Parameter Encode="true" Mode="Raw" Name="ID" Value="recorddataID">
</ext:Parameter>
</ExtraParams>
</CheckChange>
</DirectEvents>
</ext:CheckColumn>
说实话这个控件真的很恶心，我找了好长时间才将他的后台事件找到，但是问题是怎么能让它选中呢？看网上的高手们说无法使用GridPanel本身的CheckColumn，要采用第三方扩展的控件实现，谁知道怎么让他呈现选中状态呢？期待大家的发现
//记录集
var store = Extcreate('ExtdataStore', {
autoLoad: true,
autoDestroy: true,
pageSize: 25,
proxy:{
type: 'ajax',
url: 'XXXphp',
reader: {type: 'json'},
}
});
//创建表格
var grid = Extcreate('ExtgridPanel',{
store: store,
tbar: [{
text: '删除',
handler: onDeleteClick
}]
});
//删除确认，其实可以直接去掉
function onDeleteClick(){
ExtMessageBoxshow({
title: '提示',
msg: '确定要删除吗',
buttons: ExtMessageBoxYESNO,
buttonText: {
yes: "是",
no: "否"
},
fn: Delete
});
}
//实际删除 *** 作
function Delete(btn){
if(btn == 'yes'){
var selection = gridgetView()getSelectionModel()getSelection()[0];
if (selection) {
ExtAjaxrequest({
url: 'xxxphp'
method: 'post',
params:{
//向后台传要删除的id号，前提是你的表格中要有id这个字段
id: selectionget('id')
},
success: function(response,opts){
var respText = Extdecode(responseresponseText);
ExtMsgalert('提示',respTextsuccess);
}
});
//移除结果集中被删除的数据
storeremove(selection);
}
}
}
//其他什么添加查询，大致一样
ext34-
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>extjs34 demo2</title>
<link rel="stylesheet" href="/resources/css/ext-allcss">
<script src="/adapter/ext/ext-basejs"></script>
<script src="/ext-alljs"></script>
<script>
var clickHandler = function(){
// 设置跳转
alert(1);
locationhref = '#';
}
ExtonReady(function(){
new ExtPanel({
title:'main',
width:600,
height:300,
items:{
xtype:'box',
width:200,
height:200,
autoEl:{
tag:'img',
src:'',
onclick:'clickHandler()'
}
},
renderTo:ExtgetBody()
});
});
</script>
</head>
<body>
</body>
</html>
ext4+
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Extjs 42 demo2</title>
<link rel="stylesheet" href="/resources/css/ext-allcss">
<script src="/bootstrapjs"></script>
<script>
ExtonReady(function(){
new ExtPanel({
title:'main',
width:600,
height:300,
listeners:{
el:{
click:function(){
// 设置跳转
alert(1);
locationhref = '#';
}
}
},
items:{
xtype:'box',
width:200,
height:200,
autoEl:{
tag:'img',
src:'',
}
},
renderTo:ExtgetBody()
});
});
</script>
</head>
<body>
</body>
</html>
以上就是关于Extjs new Ext.grid.CheckColumn的事件和用法全部的内容，包括:Extjs new Ext.grid.CheckColumn的事件和用法、请问在Extjs的表格中怎么绑定delete等按键，具体功能是单元格获得焦点后按delete键就能将其内容都删除、extjs box控件放置图片后 点击事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）