`
haofenglemon
  • 浏览: 243610 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js调试工具

阅读更多
http://onlyaa.com/html/idehelp/20081203/2347.html


今天犯了一个错误,用这种方式grid.getStore().getAt(rowIndex).get(columnName)去获取值的时候最后会弹出来为空或者找不到对象的错误,结果找到了原因
是因为写的循环越界了最后一个值为空。
在grid怎么获取到所有的数据和列名!(列是动态的)!
   在grid前没有checkbox的
var rowIndex = grid.getStore().getCount();//grid的行数
var colIndex = grid.getColumnModel().getColumnCount(); //grid的列数
这里面只知道是多少列和多少行,但是里面的数据取不了,我用了

var rowIndex = grid.getStore().getCount();//grid的行数
var colIndex = grid.getColumnModel().getColumnCount(); //grid的列数
alert(colIndex);
for(var i = 0; i< rowIndex ; i++){
record = grid.getStore().getAt(i);
var colname = grid.getColumnModel().getDataIndex(i); //获取列名   
// var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据
Ext.MessageBox.alert("test",colname);
for (var j = 0; j < colIndex; colIndex++) {
Ext.MessageBox.alert("test",grid.getColumnModel().getDataIndex(j));
}
}
这样也不行,请问一下,我该怎么做!就是要取到所有的数据 !

grid.getStore().getAt(rowIndex).get(columnName)

==================================================

行选择模式:

Js代码
var rowcount = grid.getSelectionNode().getSelections();

var rowcount = grid.getSelectionNode().getSelections();
可以获取全部选中的记录,得到的rowcount将是一个Array,比如想获取sex列的数据,语句如下

Js代码
var strsex = rowcount[i].get(‘sex’);

var strsex = rowcount[i].get(‘sex’);
单元格选择模式


如果在GridPanel的配置属性增加sm属性如下

Js代码
sm:new Ext.grid.CellSelectionModel();

sm:new Ext.grid.CellSelectionModel();
则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下

Js代码
var cell = grid.getSelectionNode().getSelectedCell();

var cell = grid.getSelectionNode().getSelectedCell();
得到的cell记录了当前选择的行(cell[0])以及列(cell[1]).可以通过一下语句得到该单元格数据

Js代码
var colname = grid.getColumnModel().getDataIndex(cell[1]); //获取列名
var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据

var colname = grid.getColumnModel().getDataIndex(cell[1]); //获取列名
var celldata = grid.getStore().getAt(cell[0]).get(colname); //获取数据
getStore():获取表格的数据集
getAt():获取该数据集cell[0]行
get():获取该行colname的数据


2) 为表格增加链接



有时我们需要为表格中的某一列添加一个链接。可以利用renderer配置属性为该列添加html
如下:{id:'3',header:'名称',dataIndex:'name',renderer:DomUrl},
定义DomUrl方法



Js代码
function DomUrl(value){
return "<a href=>"+value+"</a>";
}

function DomUrl(value){
return "<a href=>"+value+"</a>";
}
如果表格内的数据是一个链接如:www.sina.com这样写法自然没有问题,但是大多数时候我们在表格中不会直接写一个链接,如果又需要根据单元格内容动态为链接添加几个参数。那这种写法就几乎没有什么用了。因为这个属性是在表格初始化的时候定义好的,而且表格初始化之后这个属性无法改变,也就是只读属性。


处理方法如下:
定义一个全局变量,初始值为0;DomUrl函数如下

Js代码
function DomUrl(value){
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行
var rownum = grid.getSelectionModel().getSelected();//获取当前行
startrow ++;
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值,并组织链接字符串
return "<a href='"+strurl+"'>"+value+"</a>";
}

function DomUrl(value){
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行
var rownum = grid.getSelectionModel().getSelected();//获取当前行
startrow ++;
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值,并组织链接字符串
return "<a href='"+strurl+"'>"+value+"</a>";
}
不过不要忘记在下次提交的时候将startrow赋值为0。


3) 表格的属性


表格的属性分为配置属性(在操作表格时无法修改),以及其他可读写属性,方法,以及事件。如下:


配置属性



a) activeItem:渲染布局时激活的子元素。
b) applyTo:指定渲染对象。
c) autoDestroy:当容器的子元素从容器中移除时是否自动销毁。
d) autoExpandColumn:指定自动填充表格剩余区域的列id
e) autoExpandMax:可自动扩张的最大宽度。
f) autoExpandMin:可自动扩张的最小宽度
g) autoHeight:自动扩充高度
h) autoShow:是否自动显示
i) autoWidth:自动扩充宽度
j) bbar/tbar:底部/顶部状态栏
k) bufferResize:容器再布局的缓冲频率
l) colModel/cm:列模式
m) cls:组件的额外css格式。
n) collapsible:是否显示快捷隐藏按钮
o) defaults:指定默认配置。
p) disableSelection:是否禁止选择表格行或列
q) enableDragDrop:是否允许表格列的拖放操作。
r) enableHdMenu:是否显示表格列的菜单。
s) frame:边框是否显示
t) loadMask: 是否显示加载动画
u) selModel/sm:表格选择模式
v) store:表格数据集
w) stripeRows:是否显示分隔线。
x) title:表格标题


方法


a) getColumnModel():得到表格列模型
b) getGridEl():得到表格下的元素
c) getPosition():得到组件的当前位置,返回一个数组
d) getSelectionModel():得到选中模型
e) getSize():得到组件大小
f) getStore():得到组件的数据集
g) getView():得到表格的GridView对象。
h) hide():隐藏当前组件
i) isVisible():判断当前组件是否显示
j) setDisabled( Boolean):设置组件的可用性
k) un():解除组件的监听
l) on():为组件添加监听
on ( String eventName, Function handler, [Object scope] )
eventName:添加监听的名称
handler:事件处理函数
scope:事件响应的作用域,包括scope,delay,single,buffer。

=============================================

var jsonArray1 = [];
var selections = grid.getSelectionModel().getSelections();
for (var i = 0; i < selections.length; i++) {
var record = selections[i];
    jsonArray1.push(record.data);
alert('提示',selections.length+record.get("ODEFINEID") + "," + record.get("ODEFINENAME") + "," + record.get("DATASOURCEID"));
}

分享到:
评论

相关推荐

    js调试工具,javascript调试工具

    以下将详细介绍JavaScript调试工具及其核心功能。 一、浏览器内置的开发者工具(DevTools) 1. Chrome DevTools:谷歌浏览器内置的强大开发工具,提供了Sources、Elements、Console、Network等多个面板,方便...

    鬼鬼js调试工具,用于进行js调试功能

    鬼鬼JS调试工具(Ghost.js Debugger)是一款专门为JavaScript开发者设计的调试工具,旨在提供高效、直观的调试体验。以下是关于鬼鬼JS调试工具的内容概要、适用人群、适用场景及目标: 内容概要 鬼鬼JS调试工具主要...

    发条js调试工具.rar

    下面将详细介绍JavaScript调试的一些关键知识点以及发条JS调试工具如何在这些方面提供帮助。 1. **断点调试**:在JS代码中设置断点是调试的基础。发条JS调试工具允许用户在特定行号处设置断点,当程序运行到这一行...

    鬼鬼JS调试工具7.5

    鬼鬼JS调试工具,就如软件名说的那样,辅Zhu程序员的,提高效率的,有需要的欢迎来下载! V8调试注意:一般JS运行返回的结果长度不会超过1024,当遇到变态级的超过1024长度的返回结果时,增大数值,否则会崩溃。小...

    IE JS 调试工具(极力推荐)

    IE JS 调试工具 和 FireFox中的FireBug很相似,非常方便在IE中调试JS

    鬼鬼JS调试工具7.0

    是一个轻量快速、功能强大的JS调试工具,鬼鬼JS调试工具官方版可以将JavaScript的语言代码进行格式化处理,可以解密、可以解密、是目前市面上比较好用的JS调试工具了。这次hi谷歌V8引擎解析JS,从而轻松提高编程人员...

    编程喵JS调试工具最新吧.zip

    "编程喵JS调试工具"是一款专门针对JavaScript调试的软件或插件,其最新更新主要集中在修复已知问题和提升用户体验上。 首先,修复了进制转换输入2147483648会崩溃的问题。在JavaScript中,整数的最大安全值是2^53 -...

    鬼鬼JS调试工具7.5.rar

    《鬼鬼JS调试工具7.5:网页JavaScript调试与解密的得力助手》 鬼鬼JS调试工具7.5是一款专为JavaScript开发者设计的强大调试利器,尤其在处理复杂的网页应用时,它能帮助开发者深入理解并优化JavaScript代码。这款...

    鬼鬼JS调试工具

    【鬼鬼JS调试工具】是一款专门针对JavaScript代码进行调试的专业工具,它为开发者提供了一整套强大而细致的调试环境,使得在Web开发过程中能够高效地定位和修复JS代码问题。这款工具通常被用于测试、优化和理解...

    鬼鬼js调试工具 js逆向必备

    **鬼鬼JS调试工具**是专门针对JavaScript代码进行逆向工程的一款强大工具,尤其对于JS逆向分析工作来说,它是不可或缺的辅助软件。在互联网安全领域,JavaScript逆向工程经常被用于理解恶意代码的行为,或者在开发...

    JS调试工具

    在您提供的压缩包文件"JS-ED_1.9.exe"中,可能包含了一款名为JS-ED的JavaScript调试工具。这款工具可能专注于易语言代码的调试,为易语言开发者提供专门的支持。安装并使用此类工具,可以帮助开发者更高效地调试和...

    js调试工具,v7.5爬虫工程师必备

    本文将详细介绍一款名为“编程喵JS调试工具”的版本7.5,它专为爬虫工程师设计,支持V8引擎和浏览器环境下的JS调试,同时包含常见的加密算法库,能够优化代码格式,并具备代码压缩功能。 首先,我们来关注该工具的...

    IE js调试工具

    本文将详细介绍如何使用 IE 的 JS 调试工具。 ### 1. **开启调试工具** 在 IE 浏览器中,JavaScript 调试工具通常隐藏在“开发人员工具”中。可以通过以下几种方式打开: - 使用快捷键 `F12` 或者 `Ctrl+Shift+J`...

    最有用js调试工具.rar

    以下是一些关于JavaScript调试工具的重要知识点,以及如何利用它们来提升开发效率。 1. **浏览器内置的开发者工具**:大多数现代浏览器(如Chrome、Firefox、Safari和Edge)都内置了强大的开发者工具,其中包含了...

    鬼鬼JS调试工具.zip

    鬼鬼JS调试工具是一款专为JavaScript开发者设计的强大调试利器,旨在简化JS代码的调试过程,提升编程效率。这款工具提供了一系列先进的功能,帮助程序员更好地理解、定位和修复代码中的问题,减少在复杂脚本环境中的...

    发条JS调试工具JS-ED_1.9

    JavaScript调试工具如JS-ED 1.9对于现代Web开发至关重要,因为JavaScript是前端开发的基础,而复杂的项目中难免会出现各种问题。有效的调试工具能够帮助开发者: 1. **快速定位错误**:通过断点和日志,可以迅速...

    IE下的JS调试工具

    这是一个专门的JavaScript调试工具,可以从提供的压缩文件"Microsoft Script Debugger (scd10en).exe"中安装。它允许开发者在代码中设置断点,检查变量值,跟踪调用堆栈,以及单步执行代码,极大地提升了调试效率。...

    鬼鬼JS调试工具7.5.zip

    总的来说,鬼鬼JS调试工具7.5是一个强大且全面的JavaScript调试解决方案,无论你是新手还是经验丰富的开发者,都能从中受益。通过熟练掌握这款工具,你可以更有效地诊断和修复代码错误,提升你的JS编程水平,从而在...

    推荐一个IE下的优秀js调试工具

    Companion.JS是由微软开发的一款专门用于IE浏览器的JavaScript调试工具,它弥补了IE内置的开发者工具在调试JavaScript方面的不足,提供了更高效、更直观的调试体验。这款工具的设计理念是使开发者能够快速定位和修复...

Global site tag (gtag.js) - Google Analytics