中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

用ExtJs+Linq+Wcf打造簡單grid

    本文將著重講述如何用wcf+extjs+linq打造一個支持排序和列刷選的grid。閑話少敘 ,下面是操作步驟和實現效果圖

第一步:在vs2008中創建一個支持.NET framework 3.5的網站,此處之所以強調支持.NET framework 3.5是為了使用linq

第二步:將運行時需要的Extjs的資源文件拷貝到項目目錄,具體可見示例項目

第三步:假設在本機sql2005中存在數據庫sharelist,里面有一個數據表stocks,效果如下:

數據庫文件sharelist.mdf在示例項目db文件夾中。如果需要測試,可以將其附加到自己的sql2005數據庫服務器中。

在網站項目中創建一個Linq To Sql類:DataClasses.dbml,方法如下如所示:

點擊添加之后,出現下面的Linq To Sql向導

ExtJs與Wcf交互生成grid的腳本代碼 

 

// example of custom renderer function 

function pctChange(val)

if(val > 0)

return '' + val + '%
'

}
else if(val < 0)

return '' + val + '%
'

}
 

return val; 

}
 

var proxy=new Ext.data.HttpProxy( {url:'ArrayGridService.svc/GetStocks'}); 

 

// create the data store 

var store = new Ext.data.SimpleStore(

fields: [ 

{name: 'company'}

{name: 'price', type: 'float'}

{name: 'change', type: 'float'}

{name: 'pctChange', type: 'float'}

{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} 



}
); 

 

 

//定義reader 

var reader=new Ext.data.JsonReader( 



}
,[ 

{name: 'company'}

{name: 'price'}

{name: 'change'}

{name: 'pctChange',mapping:'changepercent'}

{name: 'lastChange',mapping:'lastupdated'} 





//構建Store 

var store=new Ext.data.Store( 

proxy:proxy, 

reader:reader 

}
); 

//載入 

store.load(); 

 

 

// create the Grid 

var grid = new Ext.grid.GridPanel(

store: store, 

columns: [ 

{id:'company',header: "公司", width: 160, sortable: true, dataIndex: 'company'}

{header: "單價", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'}

{header: "變動", width: 75, sortable: true, renderer: change, dataIndex: 'change'}

{header: "變動百分比", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'}

{header: "最后更新", width: 100, sortable: true, renderer: Ext.util.Format.dateRenderer('Y年m月d日'), dataIndex: 'lastChange'} 

], 

stripeRows: 
true

autoExpandColumn: 
'company'

height:
350

width:
600

title:
'股市行情'

viewConfig: 



columnsText:
''

sortAscText:
'升序'

sortDescText:
'降序' 

}
 

}
); 

 

grid.render(
'grid-example'); 

 

grid.getSelectionModel().selectFirstRow(); 

}
); 

NET技術用ExtJs+Linq+Wcf打造簡單grid,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 五月天婷婷狠狠 | 色精品视频 | 日本精品一区二区三区视频 | 精品美女视频在线观看免费软件 | 午夜影视大全 | a黄视频| 日韩在线免费视频 | 国产欧美精品一区二区色综合朱莉 | 精品乱人伦一区二区三区 | 成人毛片视频免费 | 性做久久久久久免费观看欧美 | 精品久久99| 久久久精彩视频 | 91精品国产99久久 | 激情三区| www.99精品| 一区二区日韩 | 日韩在线免费视频 | 日本不卡一区二区三区 | 久久久久久亚洲精品 | 国产japanhdxxxx麻豆 | 五月综合久久 | 香蕉大人久久国产成人av | 91网站视频在线观看 | 亚洲视频免费一区 | 欧美一区二区三区 | 午夜99| 国产毛片久久久久久久久春天 | 欧美www在线观看 | 久草www| 国产精品18hdxxxⅹ在线 | 久久精品在线播放 | 久久久福利 | 午夜精品视频在线观看 | 中文字幕在线一 | 中文字幕一区在线观看视频 | 欧美日韩国产一区二区三区 | 国产精品黄视频 | 伊人影院在线观看 | av影音资源 | 亚洲国产精品第一区二区 |