`

ext grid 单元格刷新

ext 
阅读更多
grid刷新

首先你要找到你要修改的那行记录,然后再修改那行记录中某个指定字段 值。代码:
//获取grid表格的
storevar store = grid.getStore();
//寻找行记录
var index = store.find("fieldName","value");
if(index == -1)
{   
    return;
}
var record = store.getAt(index);
//修改值
record.set("要更新的列","要更新的目标值");
以上执行完了,你就可以看到你的表格里面你指定的那行记录的那个单元格的值变成你要修改的了


以下是文档“ext grid 给单元格赋值”的部分内容摘录
…………
…………
…………
在Ext中,我们有很多时候需要做到以下的需求:   "在Ext 的grid编码中,我们往往会碰到这样的需求:在触发某个事件之后,改变grid中的某个单元格的值。"      如下的代码可以帮助我们实现这个需求。     //拿到选中的列 ,下面是在editGridPanel中 var record = grid.getSelectionModel().selection.record; //如果是在GridPanel中,拿到record的方法为如下 //var record = grid.getSelectionModel().getSelected();  //调用record的set方法格式为 record.set(名称,值) //其中名称是dataindex对应的值。 //最后提交以下 record.commit()  这样就能达到我们的目的了。祝大家愉快


Ext.onReady(testJosonString() );

function testJosonString(){

var str="[{value:1,text:'a'},{value:2,text:'b'}]";
var list=[{value:1,text:'a'},{value:2,text:'b'}];
alert(str);
alert(list);
// Ext.decode把字符串转换为对象数组
list = Ext.decode(str);
alert('list[0]:'+list[0].value +','+list[0].text);

// Ext.encode把对象数组转换为字符串
str= Ext.encode(list);
alert('string is :'+str);
}


EXTJS 中接收到的 JSON 字符串转换成 JS 数组对象,具体可以跟踪查询
API:
load : ( Object This, Object node, Object response )
Fires when the node has been successfuly loaded.

JS:

//[{"identity":"","title":"车身部门","date":"","uiProvider":"col","author":"","children":[{"identity":"车身部门"......
treeload.on('load', function(This, node, response) {                                 //事件的参数可查API, 参数的属性可以用 firebug 跟踪查询.
    var t = Ext.util.JSON.decode(response.responseText);
    var n;
    if (t[0].children.length == 0)           //注: length不是JSON对象,仅仅是JS对象内置数组属性.JS对象调用: t[0].children
        n = n + 1;
分享到:
评论

相关推荐

    ext js 中文手册

    Ajax在Ext JS中是指通过异步JavaScript和XML技术实现与服务器的通信,从而使页面无需刷新即可更新数据或内容。Ext JS通过其Ajax组件和方法,支持各种请求和响应处理机制,大大提高了Web应用的交互性和用户体验。 ...

    ExtJs4.1 treegrid CRUD 读取、新增、修改、删除

    //设置grid单元格处于编辑状态 selcell:function(arow,acol){ this.editingPlugin.startEditByPosition({row:arow,column:acol}); }, selcell2:function(node,acol){ this.editingPlugin.startEdit(node,acol); } ...

    Ext 开发指南 学习资料

    2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。 2.7. 分页了吗?分页了吗?如果还没分就...

    ext导出excel

    EXT AJAX是EXT中的一部分,它提供了一种异步通信的方式,允许前端与后端服务器进行数据交换,无需页面刷新。 Apache POI是Apache软件基金会的一个开源项目,专门用于处理Microsoft Office格式的文档,包括Excel。...

    extjs表格Grid比较全面的功能

    ExtJS Grid提供行编辑器插件,使得用户可以直接在表格中编辑单元格。同时,可以将Grid与表单组件结合,创建复杂的数据输入界面。 7. **选择模式(Selection Models)** Grid有多种选择模式,如单选、多选和行选择...

    ext的edittreegrid实现

    本文将深入探讨EXT JS中的Edit Tree Grid及其核心概念、使用方法和C#后端支持。 首先,EXT JS的TreePanel提供了树状数据的展示,每个节点可以展开或折叠,展示其子节点。而EditorGridPanel则允许用户对表格中的数据...

    ExtJS_grid.rar_Grid javascript_extjs grid

    它由Sencha公司开发,是Ext JS库的核心部分,广泛应用于企业级应用的前端开发,提供丰富的功能和高度的可定制性。这个"ExtJS_grid.rar"压缩包包含了关于学习ExtJS Grid的教程资源,特别是"第三节_ExtJS表格控件和树...

    Extjs4---grid的修改、删除功能---结合struts2、hibernate

    ExtJS 4 Grid支持行编辑,通过添加CellEditing插件,我们可以对选中的单元格进行编辑。 ```javascript // 添加CellEditing插件 grid.addDocked({ xtype: 'toolbar', dock: 'top', items: [{ text: 'Edit', ...

    Ext 今日学习总结

    在今天的Ext学习中,主要涉及了两个关键知识点,分别是:1) 局部刷新Ext Grid中的数据以及阻止F5刷新页面,2) 根据双击事件改变Grid中记录的显示状态。 首先,对于第一个问题,如何在用户按下F5键时实现局部刷新...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid的Values属性访问限制由internal改为public,这就意味这可以自由改变Grid中每个单元格的值了。 -增加示例-如何将Grid控件导出为Excel(data\grid_excel_run.aspx)(feedback:503684912)。 -如果TreeNode的属性...

    extjs简单示例。带程序。

    例如,`Ext.grid.Panel`用于创建网格,`Ext.form.Panel`用于创建表单,而`Ext.window.Dialog`则用于弹出对话框。这些组件可以通过配置项自定义样式、行为,甚至可以实现复杂的布局和数据绑定。 在EXTJS与asp.net的...

    Extjs 点击复选框在表格中增加相关信息行

    最后,使用`gridPanelStore.loadData()`方法将更新后的`gridItems`数组加载到表格中,`false`参数表示不触发数据刷新事件,防止不必要的重绘。然而,根据描述中提到的问题,尝试直接赋值给`gridPanelStore.data....

    ExtAspNet_v2.3.2_dll

    -Grid的Values属性访问限制由internal改为public,这就意味这可以自由改变Grid中每个单元格的值了。 -增加示例-如何将Grid控件导出为Excel(data\grid_excel_run.aspx)(feedback:503684912)。 -如果TreeNode的属性...

    ExtJs高级技巧

    bbar: new Ext.PagingToolbar({ style: 'background-color:#FFFFFF;', pageSize: 15, store: data, emptyMsg: "没有数据显示!", displayInfo: true, displayMsg: '显示{0}-{1}共{2}条', beforePageText: ...

Global site tag (gtag.js) - Google Analytics