EXT表单中数据的获取

《EXT表单中数据的获取》由会员分享，可在线阅读，更多相关《EXT表单中数据的获取（4页珍藏版）》请在装配图网上搜索。

1、EXT表单中数据的获取 在grid前没有checkbox的var rowindex = grid.getStore().getCount();/grid 的行数var colIndex = grid.ge tColumnModel().ge tColumnCou nt(); /grid 的列数行 选择模式：Js代码var rowcount = grid.getSelectionNode().getSelections();var rowcount = grid.getSelectionNode().getSelections();可以获取全部选中的记录，得到的rowcount将是一个Array

2、,比如想获取sex 列的数据，语句如下Js代码var strsex = rowcounti.get(sex);var strsex = rowcounti.get(sex); 单元格选择模式如果在GridPanel的配置属性增加sm属性如下Js代码sm:new Ext.grid.CellSelectionModel();sm:new Ext.grid.CellSelectionModel();则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格，而 不是默认的选择某一行。选择方式如下Js代码var cell = grid.getSelectionNode().getSelecte

3、dCell();var cell = grid.getSelectionNode().getSelectedCell();得到的cell记录了当前选择的行(cell0)以及列(celll).可以通过一下语 句得到该单元格数据Js代码var colname = grid.getColumnModel().getDataIndex(cell1); /获取列名 var celldata = grid.getStore().getAt(cell0).get(colname); /获取数据var colname = grid.getColumnModel().getDataIndex(cell1); /

4、获取列名 var celldata = grid.getStore().getAt(cell0).get(colname); /获取数据 getSto re():获取表格的数据集getAt():获取该数据集cellO行 get ():获取该行colname的数据2) 为表格增加链接有时我们需要为表格中的某一列添加一个链接。可以利用tenderer配置属性为 该列添加 html女口下：id:3,header:名称，dataIndex:name,renderer:DomUrl, 定义 DomUrl 方法Js 代码function DomUrl(value)return +value+;functi

5、on DomUrl(value)return +value+;如果表格内的数据是一个链接如：这样写法自然没有问题，但是 大多数时候我们在表格中不会直接写一个链接，如果又需要根据单元格内容动态 为链接添加几个参数。那这种写法就几乎没有什么用了。因为这个属性是在表格 初始化的时候定义好的，而且表格初始化之后这个属性无法改变，也就是只读属 性。处理方法如下： 定义一个全局变量，初始值为 0；DomUrl 函数如下Js 代码function DomUrl(value)var row = grid.ge tSelec tion Model().selec tRow(s tart row);/选中当前行

6、var rownum = grid.ge tSelec tion Model().ge tSelec ted();/获取当前行 startrow +;var st rurl = abc.jsp?id二+ rownum.ge t(id);/获取当前选中行的值，并 组织链接字符串return +value+; function DomUrl(value) var row = grid.ge tSelec tion Model().selec tRow(s tart row);/选中当前行 var rownum = grid.ge tSelec tion Model().ge tSelec ted(

7、);/获取当前行 startrow +;var st rurl = abc.jsp?id二+ rownum.ge t(id);/获取当前选中行的值，并 组织链接字符串return +value+;不过不要忘记在下次提交的时候将start row赋值为0。3) 表格的属性表格的属性分为配置属性(在操作表格时无法修改)，以及其他可读写属性，方 法，以及事件。如下：配置属性a) activeltem：渲染布局时激活的子元素。b) applyTo：指定渲染对象。c) autoDestroy：当容器的子元素从容器中移除时是否自动销毁。d) autoExpandColumn:指定自动填充表格剩余区域的列i

8、de) autoExpandMax ：可自动扩张的最大宽度。f) aut oExpandMin :可自动扩张的最小宽度g) autoHeight:自动扩充高度h) auto Show:是否自动显示i) autoWidth：自动扩充宽度j) bbar/tbar :底部/顶部状态栏k) bufferResize :容器再布局的缓冲频率l) colModel/cm:列模式m) cls：组件的额外css格式。n) collapsible :是否显示快捷隐藏按钮o) defaul ts：指定默认配置。p) disableSelec tion：是否禁止选择表格行或列q) enableDragDrop :是

9、否允许表格列的拖放操作。r) enableHdMenu：是否显示表格列的菜单。s) frame:边框是否显示t) loadMask: 是否显示加载动画u) selModel/sm:表格选择模式v) store: 表格数据集w) st ripeRows :是否显示分隔线。x) title：表格标题方法a) getColumnModel():得到表格列模型b) get GridEl():得到表格下的元素c) get Posi tion():得到组件的当前位置，返回一个数组d) getSelectionModel ():得到选中模型e) get Size():得到组件大小f) getSt ore()

10、:得到组件的数据集g) getView():得到表格的GridView对象。h) hide():隐藏当前组件i) isVisible():判断当前组件是否显示j) set Disabled( Boolean):设置组件的可用性k) un():解除组件的监听l) on():为组件添加监听on ( String eventName, Function handler, Object scope ) even tN ame:添加监听的名称handler: 事件处理函数 scope:事件响应的作用域，包括 scope,delay,single,buffer。var jsonArray1 = ;var selections = grid.getSelectionModel().getSelections();for (var i = 0; i selections.length; i+) var record = selectionsi;jsonArray1.push(record.data);alert(提示，selections.length+record.get (“ODEFINEID) + , + record.get(ODEFINENAME) + , + record.get(DATASOURCEID);