//显示策略下发情况的表格grid
var check_select = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),check_select,
{header:'ID',dataIndex:'id',width:50,sortable:true},
{header:'名称',dataIndex:'name',width:100,sortable:true},
{header:'所属部门',dataIndex:'parent_name',width:100,sortable:true},
{header:'策略应用状态',dataIndex:'apply_status',width:100,sortable:true,renderer:function(value){
if(value==0){
return "<span><font color='red'>没有下发策略</font></span>";
}else if(value==1){
return "<span><font color='green'>策略已经下发</font></span>";
}if(value==2){
return "<span><font color='blue'>策略已经生效</font></span>";
}
}},
{header:'策略起效时间',dataIndex:'complete_time',width:120,sortable:true},
{header:'策略下发时间',dataIndex:'apply_time',width:120,sortable:true},
{header:'角色',dataIndex:'role',width:150,sortable:true}
]);
var person_ds = new Ext.data.Store({
id: 'group_datasource',
baseParams: {deptid:'all'},
proxy: new Ext.data.HttpProxy({url:'module/list_policy.php'}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [
{name: 'id'},
{name: 'name'},
{name: 'parent_name'},
{name: 'apply_status'},
{name: 'complete_time'},
{name: 'apply_time'},
{name: 'role'}
])
});
var person_grid = new Ext.grid.GridPanel({
bodyStyle:'margin:0px;padding:0px;',
width:300,
autoScroll: true,
//autoHeight:true,
autoSizeColumns:true,
ds: person_ds,
cm: cm,
sm: check_select,
tbar:[
{
text:"刷新列表",
tooltip:'刷新列表',
iconCls:'x-tbar-loading',
handler:function(){
person_ds.reload();
}
},{xtype:'tbseparator'},{
text:"查看详情",
id : 'show_detail_btn',
tooltip:'查看详情',
iconCls:'user',
handler:function(){
var record = getSelectRecord();
if(record==false || record.indexOf(',')!=-1){
Ext.getCmp('show_detail_btn').setDisabled(true);
}else{
Ext.Msg.alert('提示信息','查看详情');
}
}
}
],
bbar:new Ext.PagingToolbar({
pageSize: 1000,
store: person_ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: "没有记录"
})
});
person_ds.load({params:{start:0,limit:1000}});
//选中表格的事件,控制按钮是否可用。
person_grid.addListener('cellclick', cellclick);
function cellclick(person_grid, rowIndex, columnIndex, e) {
var record = getSelectRecord();
if(record==false){
Ext.getCmp('move-next').setDisabled(true);
}else{
Ext.getCmp('move-next').setDisabled(false);
}
if(record!=false && record.indexOf(',')==-1){
Ext.getCmp('show_detail_btn').setDisabled(false);
}else{
Ext.getCmp('show_detail_btn').setDisabled(true);
}
}
// 获取选定记录
function getSelectRecord(){
var records=person_grid.getSelectionModel().getSelections();
if(records.join('')=='') {
return false;
}
var ids = [];
for(var i=0; i<records.length; i+=1){
var member = records[i].get('id');
ids.push(member); //向数组后添加元素
}
return ids.toString();
}
baseParams: {deptid:'all'},
person_ds.baseParams = {deptid:dept_id};
person_ds.load({params:{start:0,limit:10}});
分享到:
相关推荐
http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]
ExtJs grid多选时获取选中的所有值,以及其他相关的操作
对于GridPanel中拖动选中行排序...3、拖动排序功能支持Grid单选与多选模式。 4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。 实现说明与功能演示请见我的Blog
在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8
Extjs4下拉菜单中用Grid显示,有单选,和多选两个控件,完美通用代码控件,绝对让你好用,值得收藏^-^
再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...
1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...
1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看...
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是...ExtJS4学习笔记(八)---Grid多选/全选 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(十)---ExtJS4图片验证码的实现
再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
代码如下:///”./vswd-ext_2.0.2.js”> Ext.onReady(function(){ var data = [ [1,”wilson.fu”,10], [2,”wilson.fu2″,20], [3,”wilson.fu3″,30] ];... } var sm = new Ext.grid.CheckboxSele
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...
2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。 2.6.3. 1.x时代的全选checkbox。 2.7. 还差:表头菜单,分页,可编辑表格,去服务器读取数据,...
再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格...