您好,欢迎访问一九零五行业门户网

使用EXT实现无刷新动态调用股票信息_YUI.Ext相关

说句老实话,我目前还对ext技术不是很熟,所以写的代码自己也觉得怪怪的,有什么不对的地方,还望赐教。
使用的ext版本是ext-2.2,下载地址为:http://www.extjs.com/products/extjs/download.php
下载ext js 2.2 sdk,解压后拷贝resources文件夹至工作目录。
在resources文件夹下新建jscript文件夹,并拷贝ext根目录下ext-all.js文件及adapter\ext\ext-base.js文件至jscript文件夹下,并新建stock.js文件,代码如下:
复制代码 代码如下:
function ajaxrequest(){
ext.ajax.request({
url: 'http://hq.sinajs.cn/list=sh000001,sh601939,sh600016,sh600528,sh600667,sh601390,sh601398,sh601857,sh600028,',
success: function(response){
var stocks = response.responsetext.split(';');
var length = stocks.length - 2;
var dataset = new array(length);
for(var i=0; ivar content = stocks[i];
var temp1 = content.split('=')[0];
var temp2 = content.split('=')[1];
var code = temp1.substr(temp1.length - 6, 6);
var temp3 = temp2.replace('', '');
var name = temp3.split(',')[0];
var tday_f = temp3.split(',')[1];
var yest_f = temp3.split(',')[2];
var curr_f = temp3.split(',')[3];
var temp_f = curr_f - yest_f;
var data_i = new array(9);
data_i[0] = code;
data_i[1] = name;
data_i[2] = curr_f;
data_i[3] = tday_f;
data_i[4] = yest_f;
data_i[5] = temp_f.tofixed(2);
data_i[6] = ((temp_f / yest_f) * 100).tofixed(2);
data_i[7] = temp3.split(',')[4];
data_i[8] = temp3.split(',')[5];
dataset[i] = data_i;
}
var store = new ext.data.simplestore({
fields: [
{name: 'a1'},
{name: 'a2'},
{name: 'a3'},
{name: 'a4'},
{name: 'a5'},
{name: 'a6'},
{name: 'a7'},
{name: 'a8'},
{name: 'a9'}
]
});
//store.loaddata(dataset);
var grid = new ext.grid.gridpanel({
//renderto: document.body,
store: store,
columns: [
{header: 股票代号, width: 100, sortable: true, dataindex: 'a1', id:'a1'},
{header: 股票名称, width: 100, sortable: true, dataindex: 'a2'},
{header: 当前价格, width: 100, sortable: true, dataindex: 'a3'},
{header: 今日开盘, width: 100, sortable: true, dataindex: 'a4'},
{header: 昨日收盘, width: 100, sortable: true, dataindex: 'a5'},
{header: 当前差价, width: 100, sortable: true, dataindex: 'a6', renderer: change},
{header: 涨跌幅度, width: 100, sortable: true, dataindex: 'a7', renderer: change},
{header: 最高价格, width: 100, sortable: true, dataindex: 'a8'},
{header: 最低价格, width: 100, sortable: true, dataindex: 'a9'}
],
striperows: true,
autoexpandcolumn: 'a1',
height:240,
width:740,
title:'股票信息一览'
});
if(document.getelementbyid(stockgrid).innerhtml == ){
grid.render('stockgrid');
grid.getselectionmodel().selectfirstrow();
}
grid.store.loaddata(dataset);
}
});
}
function change(val){
if(val return '' + val + '';
}else if(val > 0){
return '' + val + '';
}
return val;
}
ext.onready(function(){
//修正页面启动时提示下载http://extjs.com/s.gif的问题
ext.blank_image_url = resources/images/default/s.gif;
ext.state.manager.setprovider(new ext.state.cookieprovider());
ajaxrequest();
window.setinterval(ajaxrequest(),3000);
});
在工作目录下新建stock.html文件,代码如下: 
复制代码 代码如下:
鑲$エ淇℃伅
浠庤繖閲屽彲浠ョ湅鍒帮紝浣跨敤ext鎶
其它类似信息

推荐信息