Extjs把excel数据导入数据库中的 *** 作办法:
1、使用DataDrop – Drag Grid Data in From a Spreadsheet
2、在利用extjs *** 作db接口把data-grid中的数据插入到db中就可以了。
ext是前台框架, 跟后台用什么没有关系, 你原来怎么取数据现在还怎么取数据, 只是需要把数据转换成json字符串, 写到response里, 找个类库或者自己写都行给你个前台页面的例子, 返回的json字符串应该是这样:
{"data":[{"value":1,"text": "1"},{"value":2,"text":"2"}]}
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Grid Sample</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
//使用HttpProxy获取数据
var store = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({
url: 'getData.aspx'
}),
root: 'data',
//autoLoad: true, //页面展示后自动读取数据
fields: [{
name: 'value', type: 'int'
},{
name: 'text'
}]
})
var colModel = new Ext.grid.ColumnModel({
columns: [{
header: 'header-value', dataIndex: 'value'
},{
header: 'header-text', dataIndex:'text'
}]
})
var grid = new Ext.grid.GridPanel({
title: 'grid',
width: 500,
height: 300,
selModel: new Ext.grid.RowSelectionModel({
singleSelect: true
}),
colModel: colModel,
store: store,
tbar: [{
xtype: 'button', text: 'load', handler: function(){store_load()}
},{
xtype: 'button', text: 'loadData', handler: function(){store_loadData()}
}]
})
//使用HttpProxy获取数据
var store_load = function(){
store.load()
}
//使用request获取数据
var store_loadData = function(){
//标准json字符串应该是这样的
//var a = '{"data":[{"value":1,"text": "1"},{"value":2,"text":"2"}]}'
//store.loadData(Ext.decode(a))
Ext.Ajax.request({
url: 'getData.aspx',
success: function(response, options){
var obj = Ext.decode(response.responseText)
//使用request可以对数据做一定的处理
for (var i = 0i <obj.data.lengthi++){
data[i].text += '1'
}
store.loadData(obj)
}
})
}
grid.render(Ext.getBody())//插入到body
})
</script>
</head>
<body>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)