0 0

Ext.grid.GridPanel设置链接调用方法的问题5

这是我写的代码:
var cm = new Ext.grid.ColumnModel([sm, {
header : '信息标题',
sortable : true,
width : 250,
dataIndex : 'info_manager_title'
}, {
header : '撰写单位',
sortable : true,
style : 'width:15%',
dataIndex : 'info_write_unit'
}, {
header : '撰写人',
sortable : true,
style : 'width:15%',
dataIndex : 'info_writer_r'
}, {
header : '撰写时间',
sortable : true,
style : 'width:15%',
dataIndex : 'info_writer_date'
}, {
header : '发布人',
sortable : true,
style : 'width:15%',
dataIndex : 'info_issue_r'
}, {
header : '操作',
width : 80,
align : 'center',
dataIndex : 'info_manager_id',
renderer : setcz
}]);

function setcz(value) {
var str = "<a href=\"javascript:editMe('"+ value+ "','editimage');\"><img src='/ext/images/icons/fam/cog_edit.png' id='editimage' border='0' alt='修改信息'></a>";
str+="&nbsp;&nbsp;<a href='#'><img src='/ext/images/icons/fam/tabs.gif' border='0' alt='预览'></a>"
return str;
}
function editMe(value,obj) {
var image = Ext.getDom(obj);
getEdit("修改信息", image);
messageform.getForm().load({
url : '/szyjy/infomanager.do',
params : {
info_manager_id :value,
method : 'getInfoManagerList'
},
waitMsg : '数据加载中,请稍候...'
});
}
setcz(value)方法中,修改信息链接就是调用不了editMe(value,obj)方法,报找不到对象的错误,但是只能调用一些其它方法比如:alert()等方法,自己定义的刚调不到。
请大家帮忙解决一下,谢谢大家了
2008年6月20日 10:25

2个答案 按时间排序 按投票排序

0 0

或者用这种方式更好些:

http://extjs.com/learn/Tutorial:DomQuery_Basics(Chinese)

在grid渲染后绑定一下链接的点击方法.

2008年6月20日 16:58
0 0

无法调用的原因:

因为你把editMe写在了onReady里面.而你的调用scope是全局的,而非onReady里面.所以javascript无法访问editMe方法.

解决方案:

简单的方式是把editMe写在onReady外面,变成全局function.

还有更ext的方法,留个其他人回答吧,好久不用ext,生疏了不少.

2008年6月20日 16:52

相关推荐

    ext grid 合计行

    &lt;br&gt;调用代码如下: &lt;br&gt;summary.setSumValue(Ext.decode("{'company':'Average','price':'ASDFASDFASDFDSA','change':'12312312321','pctChange':'123'}")); &lt;br&gt;前辈的链接:...

    Ext的gridpanel控件二次加载问题

    然后在需要重新加载数据时,而不是重新创建整个GridPanel,我们只需要调用`myGrid.reconfigure()`或`myGrid.store.loadData()`方法,这样就能更新GridPanel的数据而不会丢失原有的配置和状态。 以下是一个简单的...

    ext表格布局小例子

    其表格组件(`Ext.grid.GridPanel`)是其最具特色的功能之一,广泛应用于数据展示和管理。 #### 二、代码分析 在本例中,我们首先引入了必要的 ExtJS 相关文件,包括样式表、脚本等资源。 ```html ...

    ExtJS grid过滤操作

    - **应用过滤器**:调用`store.filter()`方法,传入过滤配置对象或过滤器数组,应用过滤条件。 - **清除过滤器**:使用`store.clearFilter()`方法可移除所有过滤器,恢复原始数据。 3. **本地过滤** - **Local ...

    ext的表格行编辑(roweditor)实现(c#)

    在C#后端,我们需要创建一个能返回JSON格式数据的接口,供EXT JS前端调用。这个接口通常基于ASP.NET MVC或者Web API,负责处理数据的获取和更新操作。 1. **配置GridPanel** - `store`属性:设置数据存储,通常是...

    Ext JS 删除的代码

    如果用户确实选择了记录,`Ext.grid.GridPanel`的`getSelected()`方法将返回选中的记录。接着,获取选中记录的`eid`字段值,这是要删除的数据的ID。 然后,通过`Ext.Msg.confirm`弹出一个确认对话框,询问用户是否...

    Ext 实现自定义控件

    var myArticleList = Ext.extend(Ext.grid.GridPanel, { initComponent: function() { myArticleList.superclass.initComponent.call(this); this.store = new Ext.data.JsonStore({ fields: ['asdf'], url: '...

    老师整理的extjs学习笔记

    `Ext.grid.EditorGridPanel` 是一个扩展了 `Ext.grid.GridPanel` 的组件,允许直接在表格中编辑数据。它结合了表格视图和表单编辑功能,使得数据编辑变得更加直观。 #### 九、Ext.tree.TreePanel -- 树的使用 **...

    Ext+JS高级程序设计.rar

    8.3.2 在CRUD操作中restful的设置以及使用Ext.Direct的问题 247 8.4 ListView控件 248 8.5 本章小结 251 第四部分 Ext 扩展和Ext插件 第9章 Ext 扩展 254 9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备...

    Ext中grid多行数据全部删除

    ### Ext中grid多行数据全部删除 在前端开发过程中,我们经常会遇到需要处理表格数据的情况。其中,ExtJS是一个非常强大的JavaScript框架,它提供了一系列工具和组件来帮助开发者快速构建复杂的用户界面。本文将详细...

    Extjs实用教程

    - **GridPanel**: `Ext.grid.GridPanel`,表格组件。 - **PagingToolbar**: `Ext.PagingToolbar`,分页工具栏。 - **Panel**: `Ext.Panel`,面板组件。 - **ProgressBar**: `Ext.ProgressBar`,进度条组件。 - ...

    ExtJS增删改查

    - 在`Ext.onReady()`函数中创建`GridPanel`并调用`load()`方法。 2. **页面加载时仅显示Grid而不立即查询数据**: - 在`Ext.onReady()`函数中创建`GridPanel`,查询逻辑放在事件处理函数中通过调用`ds.load()`...

    使用EXT实现无刷新动态调用股票信息

    在提供的代码示例中,股票信息的数据字段被组织在一个名为`dataset`的数组中,之后创建了一个`Ext.data.SimpleStore`实例,并最终把这个数据源与`Ext.grid.GridPanel`(即页面上展示的表格)关联起来。通过这种方式...

    ExtJS介绍以及GridPanel

    3. 创建列模型(ColumnModel):定义GridPanel的列,包括列的标题、数据字段绑定、宽度等,例如`Ext.grid.ColumnModel`。 4. 实例化GridPanel:配置GridPanel的各种属性,如高度、宽度、是否可拖动列等,然后将...

    gridPanel添加按钮

    var grid = Ext.create('Ext.grid.Panel', { // 其他配置... tbar: toolbar // 将工具栏添加到顶部 }); ``` 2. **按钮事件处理**: 添加按钮后,我们需要为这些按钮定义点击事件。在JavaScript中,这通常通过监听...

    extjs 实现动态表头

    4. **更新GridPanel**:添加或移除列后,需要调用GridPanel的`reconfigure`方法,传入新的ColumnModel和数据源以更新视图。 5. **事件监听**:为了响应用户操作或其他条件变化,可以设置事件监听器,例如监听按钮...

    ext2.0 详解和API

    EXT2.0的API是其强大的基础,它包含了大量预定义的类和方法,供开发者在构建应用时调用。API分为以下几个主要部分: 1. **核心类**:如Ext.Element,是EXT2.0中最基本的元素操作类,提供了DOM操作和事件处理等功能...

    ext表格合并单元格的方法

    ### ext表格合并单元格的方法 #### 背景与概述 在进行Web开发时,特别是在使用Ext JS框架处理表格数据展示的过程中,经常会遇到需要合并单元格的情况。这不仅可以提升数据展示的美观性,还能增强数据的可读性和...

    extjs4.2 动态生成toolbar

    在 Toolbar.js 中,我们需要定义一个 Ext.zc.grid.Toolbar 类,该类继承自 Ext.toolbar.Toolbar,并且 alias 为 zc_grid_Toolbar。我们还需要在 render 事件中使用 Ext.Ajax.request 方法来请求后台的工具栏数据,并...

Global site tag (gtag.js) - Google Analytics