ホームページ > ウェブフロントエンド > jsチュートリアル > EXT を使用して、refreshing_YUI.Ext 関連を行わずに動的に株価情報を呼び出す

EXT を使用して、refreshing_YUI.Ext 関連を行わずに動的に株価情報を呼び出す

WBOY
リリース: 2016-05-16 18:59:07
オリジナル
1148 人が閲覧しました

正直に言うと、私はまだ Ext テクノロジーに慣れていないので、自分の書いたコードが奇妙に感じられます。何か間違っている場合は、教えていただければ幸いです。
使用される Ext バージョンは ext-2.2 で、ダウンロード アドレスは次のとおりです: http://www.extjs.com/products/extjs/download.php
Ext JS 2.2 SDK をダウンロードし、解凍してリソース フォルダーを作業ディレクトリにコピーします。
リソース フォルダーに新しい jscript フォルダーを作成し、ext ルート ディレクトリにある ext-all.js ファイルとadapterextext-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,',
成功: function(response){
varstocks = response.responseText.split(';');
var length =stocks.length - 2;
var dataset = new Array(length); 🎜>for(var i=0; ivar content =stock[i];
var temp1 = content.split('=')[0]; = 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 data_i = new Array(9); ] = コード;
データ i[2] = curr_f;
データ i[4] = はい_f; ] = temp_f.toFixed(2);
data_i[6] = ((temp_f / yest_f) * 100).toFixed(2);
data_i[7] = temp3.split(','); ];
data_i[8] = temp3.split(',')[5];
dataset[i] = data_i;
var store = new Ext.data.SimpleStore({
フィールド: [
{名前: 'a1'}、
{名前: 'a2'}、
{名前: 'a3'}、
{名前: 'a4'}、
{名前: 'a5' }、
{名前: 'a6'}、
{名前: 'a7'}、
{名前: 'a8'}、
{名前: 'a9'}
]
});
//store.loadData(dataset)
var Grid = new Ext.grid.GridPanel({
//renderTo: document.body) 、
ストア: ストア、
列: [
{ヘッダー: "銘柄コード"、幅: 100、ソート可能: true、dataIndex: 'a1'、id:'a1'}、
{ header: "銘柄名"、width: 100、sortable: true、dataIndex: 'a2'}、
{header: "現在の価格"、width: 100、sortable: true、dataIndex: 'a3'}、
{ヘッダー: "今日の始値"、幅: 100、並べ替え可能: true、dataIndex: 'a4'}、
{ヘッダー: "昨日の終値"、幅: 100、並べ替え可能: 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: "最低価格" 、幅: 100、ソート可能: true、dataIndex: ' a9'}
]、
ストライプ行: true、
autoExpandColumn: 'a1'、
高さ: 240、
幅: 740、
title:'株式情報一覧'
});
if(document.getElementById("stockgrid").innerHTML == ""){
grid.render('stockgrid'); 🎜>grid.getSelectionModel().selectFirstRow();
}
grid.store.loadData(データセット);
}
}); {
if(val return '' val ''; 0){
return '' '';
return val; onReady(function(){
//訂正 ページが開始されると、http://extjs.com/s.gif
Ext.BLANK_IMAGE_URL = "resources/images/default/s.gif" をダウンロードするように求められます;
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
window.setInterval("ajaxRequest()",3000); ;


作業ディレクトリ内に次のコードを含む新しい Stock.html ファイルを作成します:




コード

をコピーします。
コードは次のとおりです:




株式情報


;
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート