首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext EditorGrid单元格统制小记

2012-10-28 
Ext EditorGrid单元格控制小记需求:表格中,一列为复选框,另一列为下拉框。如果选中一列中的复选框,则要自动

Ext EditorGrid单元格控制小记
需求:
    表格中,一列为复选框,另一列为下拉框。如果选中一列中的复选框,则要自动触发另一列复选框的单元格处于可编辑状态,让用户选择相应的选项。

    如图:



    实现方式:
    在复选框的选中事件中,增加如下代码:

//是否缺勤?var checkIsAttendance = new Ext.grid.CheckColumn({//自定义控件。参考Ext官方示例:http://www.extjs.com/deploy/dev/examples/grid/edit-grid.html    header: '是否缺勤?',    dataIndex: 'isAbsence',    id: 'isAbsenceCheck',width:80,onChecked: function(checked, index, record){//参数:checkBox的选择状态 true/false//改变实际出勤人数if(checked){//选中一个表示多一个未出勤的人员,所以实际出勤人数-1Ext.get("notAttendanceNum").dom.value--;//alert(this.grid.getStore().getCount());//加到未出勤人员列表中,用于显示absenceArray.push(record.get("staffName"));//考勤原因单元格自动单击一下var cell = this.grid.view.getCell(index, 5);cell.click();//控制里面的选项}else{Ext.get("notAttendanceNum").dom.value++;//从未出勤人员列表中移出absenceArray.remove(record.get("staffName"));//数组中删除指定元素}var str = "";for(var i=0; i<absenceArray.length; i++){str += absenceArray[i];str += ", ";}//缺勤人员添加到textArea中显示Ext.get("absenceList").dom.value = str;}});
1 楼 babydeed 2010-06-12   挺好 不错! 2 楼 zhanglongchao 2010-07-23   写的不错啊!你有源代码的话给我发一份啊!我的邮箱wnsx7218@qq.com 3 楼 zhanglongchao 2010-08-10   有源代码的话给我一份,小弟刚学Ext 邮箱wnsx7218@qq.com,谢谢你 4 楼 379548695 2010-08-14   源码楼主不是都发出来了?

热点排行