如何Extjs将Excel导入到数据库

如何Extjs将Excel导入到数据库,第1张

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10011923.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存