需求: EditGridPanel 里面的 列 的值改变,则触发事件该列的相关指标也改变数据
在 EditGridPanel 下 加入监听:
listeners : {
afteredit : function(e) {
if (e.originalValue != e.value) {
CalculateIndex(e);
}
}
}
计算函数:
function CalculateIndex(e) {
var indexCode = e.record.data['indexCode']
if ((indexCode == '') || (indexCode == null))
return;
if (indexCode.length <= 4)
return;
while (indexCode.length > 4) {
var parentCode = getParentCode(indexCode);
if (parentCode == '')
return;
var subCode;
var sumValue = 0;
var tempValue = 0;
for (var i = 1; i <= 99; i++) {
tempValue = 0;
if (i < 10) {
subCode = parentCode + "0" + i;
} else {
subCode = parentCode + "" + i;
}
var index = dataStore.find('indexCode', subCode);
if (index == -1)
continue;
var tempRecord = dataStore.getAt(index);
if (tempRecord != null || tempRecord != '') {
tempValue = tempRecord.get('value');
if (tempValue != null && tempValue != '') {
sumValue += tempValue;
}
}
}
var indexParent = dataStore.find('indexCode', parentCode);
if (indexParent == -1)
return;
dataStore.getAt(indexParent).set('value', sumValue);
indexCode = indexCode.substr(0, indexCode.length - 2);
}
}
function getParentCode(indexCode) {
if (indexCode >= 6) {
return indexCode.substr(0, indexCode.length - 2);
} else {
return "";
}
}
分享到:
相关推荐
4. **事件处理**:提供了丰富的事件监听接口,如单元格点击、编辑开始、编辑结束等,方便实现业务逻辑。 5. **排序和过滤**:用户可以通过点击表头进行列排序,也可以设置过滤条件,筛选出满足特定条件的数据。 在...
在本文中,我们将深入...总的来说,ExtJS为开发者提供了强大的表格处理能力,丰富的UI组件和灵活的事件处理机制,使得构建功能丰富的Web应用变得简单高效。理解并熟练掌握这些功能,将有助于提升开发效率和用户体验。
在这个例子中,我们将探讨如何使用EXT连接SQL Server数据库,实现Editgridpanel的数据展示、分页、查询和删除功能。 首先,EXT中的Editgridpanel是一个可编辑的表格组件,用于显示和编辑数据。它集成了数据绑定和行...
而如果在EditGridPanel中实现了增删改查操作,那么在保存数据时,需要确保获取到的是当前编辑的值,例如`e.field.getValue()`。 对于ExtJS EditorGridPanel中ComboBox列的显示问题,可能是因为数据没有正确绑定或...
- **Ext.onReady事件**: 介绍了一个重要的生命周期事件,该事件确保所有DOM元素加载完成后执行特定的回调函数。 - **来自Extjs的问候**: 通过示例演示了如何在页面加载完毕后显示欢迎信息。 - **让界面动起来**: ...
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....
主要使用的技术: 1、extjs2.0,整体框架 2、RemoteCheckboxGroup.js ,用于动态生成表字段(供查询结果使用) 3、Ext.ux.grid.RowActions.js,用于...EditGridPanel主要代码如下: 代码如下: {header:’括号’,dataInd