Ext.ns("CompositeTestGradeCollectView");
var expMode = 0;// 导出模式 0用模糊搜索条件 1用高级查询条件
CompositeTestGradeCollectView = Ext.extend(Ext.Viewport, {
searchPanel : null,
advSearchPanel : null,
gridPanel : null,
store : null,
topbar : null,
constructor : function(a) {
Ext.applyIf(this, a);
this.initUIComponents();
CompositeTestGradeCollectView.superclass.constructor.call(this, {
id : "CompositeTestGradeCollectView",
title : "",
iconCls : "menu-employee",
layout : "border",
items : [this.searchPanel, this.gridPanel]
});
},
initUIComponents : function() {
this.advSearchPanel = new Ext.Window({
id : "CompositeTestGradeCollectSearchWin",
title : '高级查询',
width : 300,
autoHeight : true,
closeAction : 'hide',
listeners : {
show : function(w) {// 添加淡出效果
w.getEl().fadeIn({
endOpacity : 1,
easing : 'easeOut',
duration : .4
})
}
},
items : new Ext.FormPanel({
id : 'AdvanceSearchForm',
layout : 'form',
items : [{
xtype : "numberfield",
fieldLabel : '年度',
name : "filter_LIKES_label"
}, {
xtype : "textfield",
fieldLabel : '合格分数线',
name : "filter_LIKES_satisfactoryGrade"
},{
xtype : "datefield",
fieldLabel : '首考日期',
format : 'Y-m-d',
width : 128,
name : "filter_LIKES_skDate1"
},{
xtype : "datefield",
fieldLabel : '补考1日期',
format : 'Y-m-d',
width : 128,
name : "filter_LIKES_bkDate1"
},{
xtype : "datefield",
fieldLabel : '补考2日期',
format : 'Y-m-d',
width : 128,
name : "filter_LIKES_bkDate2"
}],
buttons : [{
xtype : "button",
split : true,
text : "查询",
iconCls : "btn-search",
handler : function() {
expMode = 1;
var c = Ext.getCmp("AdvanceSearchForm");
var d = Ext.getCmp("TrainingRecGrid");
if (c.getForm().isValid()) {
$search({
searchPanel : c,
gridPanel : d
});
}
}
}, {
xtype : "button",
split : true,
text : "重置",
iconCls : "btn-reset",
handler : function() {
var c = Ext.getCmp("AdvanceSearchForm");
c.getForm().reset();
}
}, {
xtype : "button",
split : true,
text : "导出",
iconCls : "btn-xls",
handler : function() {
var c = Ext.getCmp("AdvanceSearchForm");
var d = Ext.getCmp("TrainingRecGrid");
var expnum = Ext.getCmp("expnum");
if (c.getForm().isValid() && expnum.isValid()) {
$export({
expnum : expnum.getValue(),
searchPanel : c,
gridPanel : d,
url : _ctxPath + "exam/composite-test-grade!exportXLS.action"
});
}
}
}]
})
});
this.searchPanel = new Ext.FormPanel({
height : 35,
region : "north",
frame : false,
layoutConfig : {
padding : "5",
align : "middle"
},
id : "AdvanceSearchForm",
layout : "hbox",
defaults : {
xtype : "label",
border : false,
margins : {
top : 2,
right : 4,
bottom : 2,
left : 4
}
},
items : [{
xtype : "textfield",
emptyText : '请输入年度或首考日期',
name : "filter_LIKES_nDyear_OR_skDate1",
cls : 'sech_pane',
width: 160
}, {
xtype : "splitbutton",
split : true,
text : "查询",
iconCls : "btn-search",
arrowTooltip : '高级查询',
handler : function() {
var c = Ext.getCmp("AdvanceSearchForm");
var d = Ext.getCmp("CompositeTestGradeCollectGrid");
if (c.getForm().isValid()) {
$search({
searchPanel : c,
gridPanel : d
});
}
},
arrowHandler : function(b, e) {
var win = Ext.getCmp("CompositeTestItemSearchWin");
win.setPagePosition(e.xy[0], e.xy[1] + 15);// 设置窗口显示的位置为当前按钮出位置
if (!win.isVisible()) {
win.show();
} else {
win.hide();
}
}
}]
});
this.store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : __ctxPath + "exam/composite-test-grade-collect!list.action?op=ajax"
}),
reader : new Ext.data.JsonReader({
//root : "result",
totalProperty : "totalCount",
id : "id",
fields : [{
name : "id",
type : "int"
}, "ndyear","label","policeName","sex","birth","police_no","deptName","kcOrder","khDate","unit","score","grade","passed"]
}),
remoteSort : true
});
this.store.setDefaultSort("id", "ASC");
this.store.load({
params : {
start : 0,
limit : 25
}
});
var b = new Ext.grid.CheckboxSelectionModel();
var a = new Ext.grid.ColumnModel({
columns : [b, new Ext.grid.RowNumberer(), {
header : "体能技能达标测试成绩汇总id",
dataIndex : "id",
hidden : true
},
{
header : "年度",
dataIndex : "ndyear",
width : 100
}, {
header : "测试项目名称",
dataIndex : "label",
width : 150,
renderer : function(v) {
if(v == 'null') {
return '';
}else {
return v;
}
}
},{
header : "参加测试人",
dataIndex : "policeName",
width : 100
},{
header : "性别",
dataIndex : "sex",
width : 50,
renderer : function(v) {
if(v != 'null') {
if(v == '0') {
return '男';
}else if(v == '1') {
return '女';
}
}else {
return '';
}
}
},{
header : "年龄",
dataIndex : "birth",
width : 50,
renderer : function(v) {
if(v != null) {
return parseInt(new Date().format('Y').toString()) - parseInt(v.substr(0, 4));
}else {
return '';
}
}
}, {
header : "警号",
dataIndex : "police_no",
width : 150
}, {
header : "所在单位",
dataIndex : "deptName",
width : 180
}, {
header : "考次",
dataIndex : "kcOrder",
width : 50,
renderer : function(v) {
if(v == '0') {
return '首考';
}else if(v == '1') {
return '补考1';
}else if(v == '2') {
return '补考2';
}
}
},{
header : "考核日期",
dataIndex : "khDate",
width : 80
},{
header : "计分单位",
dataIndex : "unit",
width : 80,
renderer : function(v) {
if(v == 'null') {
return '';
}else {
return v;
}
}
},{
header : "计分",
dataIndex : "score",
width : 50,
renderer : function(v) {
if(v == 'null') {
return '';
}else {
return v;
}
}
},{
header : "换算分值",
dataIndex : "grade",
width : 80,
renderer : function(v) {
if(v == 'null') {
return '';
}else {
return v;
}
}
},{
header : "是否合格",
dataIndex : "passed",
width : 80,
renderer : function(v) {
if(v != 'null') {
if(v == '0') {
return '不合格';
}else if(v == '1') {
return '合格';
}
}
}
},{
header : "总分",
dataIndex : "",
width : 200
},{
header : "最终结果",
dataIndex : "",
width : 200
}
],
defaults : {
sortable : true,
menuDisabled : false,
width : 100
}
});
this.gridPanel = new Ext.grid.EditorGridPanel({
id : "CompositeTestItemGrid",
region : "center",
title : "",
tbar : this.topbar(),
store : this.store,
trackMouseOver : true,
disableSelection : false,
loadMask : true,
cm : a,
sm : b,
viewConfig : {
forceFit : false,
enableRowBody : false,
showPreview : false
},
bbar : new HT.PagingBar({
id : 'pagebar',
store : this.store
})
});
}
});
CompositeTestGradeCollectView.prototype.topbar = function() {
var a = new Ext.Toolbar({
id : "CompositeTestItemFootBar",
height : 30,
bodyStyle : "text-align:left",
items : []
});
if (isGranted("_CompositeTestItemExp")) {
a.add(new Ext.Button({
iconCls : "btn-xls",
text : "导出excel",
handler : function() {
if (expMode == 0) {
var c = Ext.getCmp("CompositeTestItemForm");
} else {
var c = Ext.getCmp("CompositeTestItemForm");
}
var d = Ext.getCmp("TrainingRecGrid");
var expnum = Ext.getCmp("expnum");
if (c.getForm().isValid() && expnum.isValid()) {
$export({
expnum : expnum.getValue(),
searchPanel : c,
gridPanel : d,
url : _ctxPath + "exam/composite-test-item!exportXLS.action"
});
}
}
}));
a.add({
xtype : 'tbtext',
text : "条数"
}, {
xtype : "numberfield",
id : 'expnum',
name : "expnum",
value : 100,
width : 35
});
}
return a;
};
CompositeTestGradeCollectView.remove = function(b) {
var b = [b];
var a = Ext.getCmp("CompositeTestItemGrid");
Ext.Msg.confirm("信息确认", "您确认要删除该记录吗？", function(c) {
if (c == "yes") {
Ext.Ajax.request({
url : __ctxPath + "exam/composite-test-item!delete.action",
params : {
op : 'ajax',
ids : b.join()
},
method : "post",
success : function(response, options) {
var res = Ext.util.JSON.decode(response.responseText);
if (res.success) {
Ext.Msg.alert('操作信息', res.message);
a.getStore().reload();
} else {
Ext.Msg.alert('操作信息', '删除失败' + res.message);
}
},
failure : function(response, options) {
Ext.Msg.alert('操作信息', res.message);
}
});
}
});
};
CompositeTestGradeCollectView.edit = function(a) {
new AbilityTestItemForm({
trainingRecId : a
}).show();
};
CompositeTestGradeCollectView.Skan = function(a) {
new AbilityTestItemForm({
compositeTestItemId : a,
compositeTestItemSkanFlag: 1
}).show();
}
相关推荐
自定义高级查询Extjs
extjs 在线sql查询 在线sql查询 html580 Ext.ux.window.VisualSQLQueryBuilder
ExtJs4.2代码例子 ExtJS Window常用方法
07.继续搭建我的文章模块，同时实现后台查询 08.实现添加文章功、优化代码 09.实现文章类别的选择、实现添加文章的后台功能 10.实现添加文章后台的功能、实现删除功能 11.实现右键菜单的功能，自定义一个按钮 12....
自己做的，关于EXTJS 实现最下化功能，点击新建窗口，能创建一个窗口，并在工具条里新建一个那妞与之对应，点击按钮实现最小化，再次点击按钮还原窗口。是我花了三的时间研究出来的，与大家分享！！
extjs高级编程extjs高级编程extjs高级编程
EXTJS高级程序设计源代码6-4 EXTJS高级程序设计源代码6-4
EXTJS高级程序设计源代码6-3 EXTJS高级程序设计源代码6-3
Extjs高级程序设计高清晰版(180MB) 学习Extjs的好书 貌似CSDN上没有，我来发个
在extjs3 window窗口中修改完数据退出,提示是否保存,未修改不提示直接退出 本程序在extjs3中测试可行
ExtJs终极资料（初级到高级例子）是很完整的extjs的教程
第十四讲:extjs4.0的高级组件grid补充01选择模式selection和表格特性feature 第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree...
Extjs高级程序设计高清晰版(180M) 02 总共有5份 全部下下来后解压即可
Extjs高级程序设计 高清晰版(180M) 03 总共5个文件，全部下下来后解压即可
extjs2.0 画的一个带查询条件和查询结果的页面
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
Extjs 通用查询功能 支持动态添加多个查询条件、定义逻辑关系，支持整形、浮点、字符串、日期、布尔值、自定义选择列表的录入，通过Ext.data.JsonStore可方便的与服务器交互。
第十四讲: EXTJS4.0的高级组件Grid补充01选择模式Selection和表格特性Feature 第十五讲: EXTJS4.0的高级组件Grid补充02插件和其他相关知识 第十六讲: EXTJS4.0的高级组件Tree上 第十七讲: EXTJS4.0的高级组件Tree下 ...
EXTJS高级程序设计源代码6-2 EXTJS高级程序设计源代码6-2