lingyibin
- 浏览: 197815 次
- 性别:
- 来自: 长沙
-
文章分类
最新评论
-
在世界的中心呼喚愛：
思路很好
连连看全局消除算法 -
tianaozhu：
请问，我修改了词库和源文件怎么就不好用了， 我源文件是： My ...
自己动手开发翻译软件（Java版） -
Arlrn：
博主你好，最近在学习排序算法，看了你的博客，你的直接插入排序， ...
各种排序算法的实现及其比较 -
sharong：
有一个明显错误，很显然冒泡排序的时间复杂度是O(n^2)
各种排序算法的实现及其比较 -
julydave：
希尔排序不太对吧。。
各种排序算法的实现及其比较
这一节开始，复习grid，博大精深呀！
拿官网的例子来看看。
代码和注释如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /></script>
<script type="text/javascript" src="../adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="../ext-all.js">
</script>
<style type=text/css>
/* style rows on mouseover */
.x-grid3-row-over .x-grid3-cell-inner {
font-weight: bold;
}
/* style for the "buy" ActionColumn icon */
.x-action-col-cell img.buy-col {
height: 16px;
width: 16px;
background-image: url(icon/accept.png);
}
/* style for the "alert" ActionColumn icon */
.x-action-col-cell img.alert-col {
height: 16px;
width: 16px;
background-image: url(icon/error.png);
}
</style>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init(); //开启tooltip提示功能
// During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
// 下面要使用到的数据
var myData = [
['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'],
['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'],
['Altria Group Inc', 83.81, 0.28, 0.34, '9/1 12:00am'],
['American Express Company', 52.55, 0.01, 0.02, '9/1 12:00am'],
['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'],
['AT&T Inc.', 31.61, -0.48, -1.54, '9/1 12:00am'],
['Boeing Co.', 75.43, 0.53, 0.71, '9/1 12:00am'],
['Caterpillar Inc.', 67.27, 0.92, 1.39, '9/1 12:00am'],
['Citigroup, Inc.', 49.37, 0.02, 0.04, '9/1 12:00am'],
['E.I. du Pont de Nemours and Company', 40.48, 0.51, 1.28, '9/1 12:00am'],
['Exxon Mobil Corp', 68.1, -0.43, -0.64, '9/1 12:00am'],
['General Electric Company', 34.14, -0.08, -0.23, '9/1 12:00am'],
['General Motors Corporation', 30.27, 1.09, 3.74, '9/1 12:00am'],
['Hewlett-Packard Co.', 36.53, -0.03, -0.08, '9/1 12:00am'],
['Honeywell Intl Inc', 38.77, 0.05, 0.13, '9/1 12:00am'],
['Intel Corporation', 19.88, 0.31, 1.58, '9/1 12:00am'],
['International Business Machines', 81.41, 0.44, 0.54, '9/1 12:00am'],
['Johnson & Johnson', 64.72, 0.06, 0.09, '9/1 12:00am'],
['JP Morgan & Chase & Co', 45.73, 0.07, 0.15, '9/1 12:00am'],
['McDonald\'s Corporation', 36.76, 0.86, 2.40, '9/1 12:00am'],
['Merck & Co., Inc.', 40.96, 0.41, 1.01, '9/1 12:00am'],
['Microsoft Corporation', 25.84, 0.14, 0.54, '9/1 12:00am'],
['Pfizer Inc', 27.96, 0.4, 1.45, '9/1 12:00am'],
['The Coca-Cola Company', 45.07, 0.26, 0.58, '9/1 12:00am'],
['The Home Depot, Inc.', 34.64, 0.35, 1.02, '9/1 12:00am'],
['The Procter & Gamble Company', 61.91, 0.01, 0.02, '9/1 12:00am'],
['United Technologies Corporation', 63.26, 0.55, 0.88, '9/1 12:00am'],
['Verizon Communications', 35.57, 0.39, 1.11, '9/1 12:00am'],
['Wal-Mart Stores, Inc.', 45.45, 0.73, 1.63, '9/1 12:00am']
];
// 创建store模型，用来规定表格中每一列的数据索引名和数据类型等
var store = new Ext.data.ArrayStore({
fields: [
{name: 'company'},
{name: 'price', type: 'float'},
{name: 'change', type: 'float'},
{name: 'pctChange', type: 'float'},
{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} //日期型，格式：09/01/2010
]
});
// 用刚创建的模型来加载上面的数据
store.loadData(myData);
// 开始创建 Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [ //设置每一列的其它属性
{
id :'company',
header : 'Company', //列名
width : 160,
sortable : true, //可排序
dataIndex: 'company' //这就是上面store里面的第一个属性
},
{
header : 'Price',
width : 75,
sortable : true,
renderer : 'usMoney',
dataIndex: 'price'
},
{
header : 'Change',
width : 75,
sortable : true,
renderer : change, //该函数在下面定义，用来控制显示的样式
dataIndex: 'change'
},
{
header : '% Change',
width : 75,
sortable : true,
renderer : pctChange, //该函数也在下面定义，用来控制显示的样式
dataIndex: 'pctChange'
},
{
header : 'Last Updated',
width : 85,
sortable : true,
renderer : Ext.util.Format.dateRenderer('m/d/Y'), //用这种方式来格式化日期
dataIndex: 'lastChange'
},
{
xtype: 'actioncolumn', //注意这种类型，A grid column type which renders an icon, or a series of icons in a grid cell,and offers a scoped click handler for each icon.
width: 50,
items: [{
icon : 'icon/delete.gif', // 引用图标地址
tooltip: 'Sell stock', //浮动小汽泡提示，当鼠标放上去时就显示
handler: function(grid, rowIndex, colIndex) {
var rec = store.getAt(rowIndex);
alert("Sell " + rec.get('company'));
}
}, {
getClass: function(v, meta, rec) { // Or return a class from a function
if (rec.get('change') < 0) {
this.items[1].tooltip = 'Do not buy!';
return 'alert-col';
} else {
this.items[1].tooltip = 'Buy stock';
return 'buy-col';
}
},
handler: function(grid, rowIndex, colIndex) {
var rec = store.getAt(rowIndex);
alert("Buy " + rec.get('company'));
}
}]
}
],
stripeRows: true,
autoExpandColumn: 'company', //默认按company列来排序
height: 350,
width: 600,
title: 'Array Grid',
// config options for stateful behavior
stateful: true,
stateId: 'grid'
});
/**
* 用来控制行的显示颜色，负的为红色的，正数为绿色的
*/
function change(val) {
if (val > 0) {
return '<span style="color:green;">' + val + '</span>';
} else if (val < 0) {
return '<span style="color:red;">' + val + '</span>';
}
return val;
}
/**
* 更新行的显示颜色
*/
function pctChange(val) {
if (val > 0) {
return '<span style="color:green;">' + val + '%</span>';
} else if (val < 0) {
return '<span style="color:red;">' + val + '%</span>';
}
return val;
}
// render the grid to the specified div in the page
grid.render(Ext.getBody());
});
</script>
</head>
<body bgcolor="#9ad8ef">
</body>
</html>
其中有个getClass函数，官网解释如下：
A function which returns the CSS class to apply to the icon image. The function is passed the following parameters:
-
v : Object
The value of the column's configured field (if any).
-
metadata : Object
An object in which you may set the following attributes:
-
css : String
A CSS class name to add to the cell's TD element.
-
attr : String
An HTML attribute definition string to apply to the data container element withinthe table cell (e.g. 'style="color:red;"').
-
css : String
-
r : Ext.data.Record
The Record providing the data.
-
rowIndex : Number
The row index..
-
colIndex : Number
The column index.
-
store : Ext.data.Store
The Store which is providing the data Model.
- 大小: 53.6 KB
分享到：
发表评论
-
Ext js面向对象的特性
2011-05-11 11:06 10321、支持命名空间（Java里用的是包的概念） Ex ... -
Ext 2.x中，关于combobox的取值问题
2011-02-15 19:47 1783Ext中，关于combobox的取 ... -
Ext常用的知识点（三）--combobox和xml的绑定
2011-02-09 11:47 1083直接看代码，所有需要注意的地方都标在代码后面了 Ext ... -
Ext常用的知识点（二）--panel和window
2011-02-09 01:16 15531、Panel 很容易就可以做写出一个panel v ... -
Ext常用的知识点（一）--弹出消息
2011-02-08 21:38 1410首先，要写Extjs,建议大家用一个工具spket。 ... -
Extjs复习笔记（二十）-- tree和grid结合
2010-11-07 12:20 1620让tree和grid结合起来 相关内容之前大都讲过，这里就不 ... -
Extjs复习笔记（十九）-- XML作为tree的数据源
2010-11-07 11:52 2690用XML来作为tree的数据源 所有文件都上传了 ... -
Extjs复习笔记（十八）-- TreePanel
2010-11-07 11:09 1341Grid这一块暂时就讲到这。这一节开始就是tree的相关内容了 ... -
Extjs复习笔记（十七）-- 给grid里面的内容分组
2010-11-07 03:11 2019给grid里面的内容分组。 Ext.onReady(fun ... -
Extjs复习笔记（十六）-- 可编辑的grid
2010-11-07 02:43 1872可编辑的grid。 可以响应数据加载完时的事件。。。 可以 ... -
Extjs复习笔记（十五）-- JsonReader
2010-11-07 01:54 2732使用JsonReader来创建grid中的store （exa ... -
Extjs复习笔记（十四）-- XmlReader
2010-11-05 13:48 2391读取XML文件来构造grid 先了解一个函数：Ext.dat ... -
Extjs复习笔记（十二）--form验证
2010-11-04 23:37 1466验证。。。 1、不允许 ... -
Extjs复习笔记（十一）--换肤
2010-11-04 21:48 1314换肤功能 首先写一个 ... -
Extjs复习笔记（十）-- 网页主框架
2010-11-04 14:58 1059主界面的雏形： <!DOCTYPE html ... -
Extjs复习笔记（九）-- 加载等待
2010-11-04 13:29 2139登陆时的加载状态： <style type=&qu ... -
Extjs复习笔记（八）--登陆框
2010-11-03 02:33 1792之前有一篇博客展示了一个图书管理系统，接下来的几篇博客将会解析 ... -
Ext图书管理系统
2010-10-31 10:17 1914其实这一篇日志写很久了，由于近期项目演示的需要，我把它转到这边 ... -
Extjs复习笔记（七）-- ComboBox的添加、修改
2010-10-31 02:09 2608ComboBox的测试，有几个方法没写完整，有待之后解决。。。 ... -
Extjs复习笔记（六）--完整的浮动窗口
2010-10-30 03:30 3359前面搞了这么久的基础，下面该来做这个界面了： 这是一个浮动窗 ...
相关推荐
在"Extjs复习笔记（二十）-- tree和grid结合"这篇博文中，博主探讨了如何在EXTJS中实现树形视图（Tree）与网格视图（Grid）的融合。 Tree组件在EXTJS中通常用于显示具有层级关系的数据，例如文件系统、组织架构等。...
li_3ck_02a_1118
基于MATLAB的牛顿迭代法实现
mellitz_3ck_01_0319
内容概要：文章阐述了银行采用人工智能(AI)技术替代传统系统的紧迫性和收益，讨论了通过构建现代化的数据和技术平台实现效率提升的方法，同时强调实施过程中确保数据质量和建立信任的重要性。文中提及，在金融行业中，若想优化业绩则必须拥抱AI带来的机遇，并为此进行经营模式的革新。根据Workday主办的研讨会内容，PwC金融服务风险与监管领导和Workday金融服务高层指出了大部分银行对AI认知不足的问题，强调AI在金融、人力资源以及IT等领域的广泛应用潜力及具体应用场景，如欺诈检测、技能映射和财务管理方面的作用。并且提到了AI部署过程中可能出现的技术与非技术难题及相应解决办法，鼓励金融机构及时投资建设新型基础设施，以保持竞争力。 适用人群：银行及其他金融机构管理人员；金融科技领域的专业研究人员；对企业数字化和智能化转型感兴趣的商业分析师、投资者；从事信息技术咨询工作的顾问。 使用场景及目标：本文可以帮助金融机构制定合理的技术发展战略规划，评估是否有必要推进AI技术转型，同时也为希望涉足银行科技项目的开发者提供了宝贵的市场洞察，帮助理解行业内普遍存在的困难与潜在的市场需求。此外，对于想要了解银行
matlab程序代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
chromedriver-linux64-136.0.7058.0.zip
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
内容概要：本文档介绍了背压热电联产(CHP)发电厂的详细设计步骤，涵盖确定各状态点的压力、温度、比焓以及质量流率的具体方法。主要内容围绕计算净电功率、燃料消耗及其效率展开，并提供了T-s图绘制的指南。针对每个组件（如蒸汽轮机、冷凝器、除氧器等），都列出了详细的效率假设和压力损失表，为实际工程应用提供了宝贵的参考资料和操作指导。同时，该作业任务要求学生从给定初始值中选择合适的操作条件进行系统模拟，并利用课程讲义和Moodle平台资料完成计算流程。 适用人群：对能源转换和动力设备设计感兴趣的学生或者初涉该领域的工程师。 使用场景及目标：旨在帮助学员深入了解并掌握背压热电联产装置的工作原理和技术指标计算的方法论，通过实践练习提高他们的问题解决能力。 其他说明：文档强调了稳态运行假设的重要性，即物质平衡等于能量输入等于输出的原则，并鼓励参与者借助附录提供的典型操作参数图表来寻找解决问题的方向。此外，它还特别指出对于一些变量值求解可能需要迭代法来进行调整，直至获得稳定结果。提交的报告必须含有一份详细的T-s图和其他必要附件。
机器学习_市财政收入分析（含数据集）
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！
tracy_3cd_01_0318
lusted_3cd_01_0918
题目：基于51的自动分拣系统设计 主控：AT89C52 测距模块：超声波测距模块 甲醛传感器（ADC0832+滑动变阻器模拟） 粉尘传感器（PCF8591+滑动变阻器模拟） 净化模块（继电器驱动蓝灯） 排风模块（继电器驱动绿灯） 电源电路（5V降压为3.3V供电） 显示模块（LCD1602） 声光报警 按键（3个，切换阈值选择，阈值加减） 检测物体：开关模拟 电机驱动模块（继电器驱动直流电机转动） 功能： 1.显示屏显示甲醛，粉尘浓度可以切换设置阈值。 2.通过甲醛传感器检测车间环境，大于阈值时声光报警并启动净化模块。 3.通过粉尘传感器检测车间环境，大于阈值时声光报警并启动排风模块。 4.采用超声波传感器进行物体超高监测异常（大于XX距离）时触发声光报警 5.检测到物体（开关闭合）直流电机转动（模拟传送带）
network_server
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！