1. // 表格添加双击事件
grid.addListener('celldblclick',function(grid,rowIndex,colIndex,e){
if (colIndex == 8) {
addWindow = new Ext.Window( {
title : '投注号码详情',
width : 840,
autoHeight : false,
autoScroll :true,
height : 100,
resizable : false,
modal : true,
closeAction : 'hide'
});
var numberPanel = Joyveb.lotman.customer.js_showTzNumber.show(grid.store.getAt(rowIndex).get('wagerdata'));
addWindow.add(numberPanel);
addWindow.show();
}
});
2.function GridSum(grid) {
var wonBoards = 0;
grid.store.each(function(record) {
wonBoards += Number(record.data.bonus);
});
var n = grid.getStore().getCount();// 获得总行数
var p = new Ext.data.Record({
seq: "",
gamename : "",
periodnum : "",
award : "合计",
awardcount : "",
perbonus : "",
bonus : wonBoards
});
grid.store.insert(n, p);// 插入到最后一行
}
3.{
header : '详情',
dataIndex : 'details',
align : 'center',
width : 100,
renderer : function(value, metadata, record, rowIndex,
colIndex, store) {
if (record.get("period") == '合计') {
return "";
} else {
var contentId = Ext.id();
function createGridButton() {
return new Ext.Button({
text : '票详情',
iconCls : 'select',
handler : function() {
createDetailViewWindow(record);
}
}).render(document.body, contentId);
}
var btn = createGridButton.defer(1, this,
[ contentId ]);
return ('<div id="' + contentId + '"/>');
}
},
sortable : false
}
分享到:
相关推荐
在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...
在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...
首先,我们需要了解`Ext.grid.Panel`,它是Ext JS中的主要表格组件。这个组件可以显示大量数据,并提供了分页、排序、过滤等多种功能。在"增删改查"实例中,我们将利用`Ext.grid.Panel`的配置项和事件来实现对表格...
EXT表格GridPanel是EXT JS中的另一种重要组件,用于显示和编辑结构化的数据。在示例中,`sampleGridNoPageing`是一个GridPanel实例,用于展示JSON数据。 1. GridPanel的配置项包括但不限于`frame`, `title`, `store...
4. 配置下拉组合框:使用Ext.form.field.ComboBox,配置其store为表格数据模型,指定显示字段和值字段,同时设置 tpl 或者 displayField 和 valueField 来定制显示和选择项。 在myEclipse的Web项目中,你需要将这些...
**jQuery仿Ext表格Flexigrid详解** Flexigrid是一款基于jQuery的开源表格插件,它在功能和用户体验上模仿了Ext JS的Grid组件。这款插件以其轻量级、高效和丰富的特性,深受Web开发者喜爱,尤其适用于需要展示大量...
在Ext Panel中创建表格通常涉及到以下步骤: 1. **引入必要的库**:首先,你需要在HTML文件中引入Ext JS库,包括主JS文件和主题CSS文件。 2. **定义数据源**:表格的数据通常来自一个Store对象,你需要创建一个...
EXT可编辑表格结合了EXTJS的灵活性和强大功能,提供了直观、交互式的数据编辑体验,常用于需要用户在表格中直接修改数据的应用场景,如数据录入、管理或报表编辑等。开发者可以根据需求定制编辑器类型,以及添加各种...
### Ext表格控件和树控件 #### 表格控件 ##### 1.1 基本表格 `GridPanel` 在Ext JS框架中,`GridPanel` 是一种用于展示和管理表格数据的重要组件。它提供了丰富的功能,例如排序、缓存、拖动列、隐藏列、自动显示...
在视频教程中,`extdwrgrid.zip`可能包含了关于如何结合DWR和Ext Grid的示例,以便在表格中编辑数据时实现实时的后台同步。 6. **Data Store**: Ext的Data Store是用于存储和管理数据的组件,它可以与各种数据源...
在"Ext左树有表格 增删改查"这个主题中,我们主要关注的是ExtJS如何实现左侧树形结构与右侧表格的交互,以及在这样的布局中进行数据的增、删、改、查操作。 首先,ExtJS中的树形组件(TreePanel)可以用来展示层级...
在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...
在EXT JS这个强大的JavaScript框架中,RowEditor是一个非常实用的功能,尤其对于数据处理密集型的应用,如企业级的后台管理系统。RowEditor允许用户直接在表格的行内进行编辑,提供了直观且高效的用户体验。本教程将...
在这个“一个简单的Ext样例”中,我们看到它被用来实现了一个具有表格功能的应用。这个表格不仅展示了数据,还具备了动态操作的能力,如自动排序和增删列,这使得用户交互更加直观和高效。 首先,我们要理解ExtJS中...
此外,Ext表格还支持行级编辑(row editing)或单元格级编辑(cell editing)。你可以通过`Ext.grid.plugin.RowEditing`或`Ext.grid.plugin.CellEditing`插件实现这一功能。编辑模式可以通过监听表格的`celledit`或`...
总的来说,EXT Grid是JSP开发中实现Ajax数据表格的强大工具,它提供了一系列高级特性和灵活的配置选项,使开发者能够快速构建高效且用户友好的数据展示界面。通过熟练掌握EXT Grid的使用,你可以提高Web应用的交互性...
`Ext.data.Model`是数据模型,通过`modelInstance.get(fieldName)`可以获取模型实例的字段值。 5. **事件监听**: 在Ext JS中,可以使用`addListener`或简写形式`on`来监听对象的事件。例如,`button.on('click', ...
EXT JS中的表格分页通常通过Grid Panel组件实现,该组件可以与数据存储(Store)配合,数据存储负责管理数据,包括加载、过滤、排序和分页。分页功能由Pager Toolbar组件提供,它是一个可自定义的工具栏,包含导航...
综上所述,这个实例展示了如何在Ext中创建一个完整的表单,包括表单的布局、字段的定义及验证、按钮及事件处理等多个方面。对于初学者来说,这是一个很好的学习资源,可以帮助他们快速掌握如何使用Ext构建复杂的Web...
在EXT JS这个强大的JavaScript框架中,开发者经常需要处理各种数据展示和操作,而表格(Grid)是其中常用的一种组件。EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强...