1
내 데이터 격자 (zero.grid.DataGrid)를 CSV 파일이나 유사한 스프레드 시트 응용 프로그램에서 열 수있는 데이터로 내보내는 javascript 함수를 얻으려고합니다.dojo 데이터 격자를 csv 파일로 내보내기
가 이것을 수행하는 표준 방법이 있나요 ..
감사
앤디
A
답변
3
나는 EnhancedGrid가 백엔드로 서블릿을 사용하여 내보내기 플러그인을 사용하여 힘든 시간을 보냈습니다. 마지막으로 나는 그것이 iFrame을 사용하여 작업을했다 :
내가 다시 검색 할 필요가 없도록 내가 블로그 게시물을 작성했습니다<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CISROMM - Master Milestone List Editor</title>
<!-- Include dojo dependencies -->
<link rel="stylesheet" href="js/dojoroot/dojo/resources/dojo.css">
<link rel="stylesheet" href="js/dojoroot/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="js/dojoroot/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css">
<link rel="stylesheet" href="js/dojoroot/dojox/grid/enhanced/resources/EnhancedGrid.css">
<link rel="stylesheet" href="js/dojoroot/dojox/grid/resources/claroGrid.css">
<script src="js/dojoroot/dojo/dojo.js"
data-dojo-config="isDebug: true,parseOnLoad: true">
</script>
<!-- Include dojo dependencies -->
<!-- Require the widgets -->
<script>
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dojox.grid.enhanced.plugins.exporter.CSVWriter");
dojo.require("dojo.io.iframe");
<!-- Require the widgets -->
<!-- Data Export Handler -->
function exportAll(){
dijit.byId("grid").exportGrid("csv", function(str){
dojo.io.iframe.create('exportFrame', 'exportFrameLoaded()', '');
dojo.io.iframe._currentDfd = null;
dojo.io.iframe.send({
url: "/ExportGrid.json",
content:{data:str}
});
});
};
<!-- Data Export Handler -->
var grid, store;
<!-- Grid Creation -->
dojo.ready(function(){
store = new dojo.data.ItemFileWriteStore({ url: 'PopulateMsListEditor.json', urlPreventCache: 'yes', clearOnClose: 'yes' });
grid = new dojox.grid.EnhancedGrid({
store: store,
rowSelector: 'auto',
query: {id: "*"} ,
plugins: {
exporter: true
},
structure: [
{field: 'msConstId', width: '20%', name: 'Milestone',hidden: true},
{field: 'name', width: '20%', name: 'Milestone',editable: true}
]
},"grid");
grid.startup();
});
</script>
</head>
<body class="claro">
<button id="exportBtn" data-dojo-type="dijit.form.Button"
data-dojo-props="
iconClass:'dijitIconFile',
showLabel:true,
onClick:function() {
exportAll();
}">
Export to Excel
</button>
<div id="grid" style="width: 560px;height: 680px;"></div>
</body>
</html>
.
PS : 그것은 단지 내부/사내 웹 애플리케이션에 iframe을 사용하는 것이 좋습니다.
2
나도 같은 검색하고 질문을 얻을,하지만 난 답을 찾을 수있어 ...
당신은 기능이주고에 그리드 데이터를 내보낼 제공 dojox.Enhancedgrid
"수출 플러그인에 대한 수출 플러그인을 사용해야합니다 n 형식 ".
http://docs.dojocampus.org/dojox/grid/EnhancedGrid/plugins/Exporter
감사
5
이렇게하면 PHP 서버 측 스크립트를 사용하는 것을 달성 할 방법이다.
grid.exportGrid("csv",{
writerArgs: {
separator: ","
}
}, function(str){
var form = document.createElement('form');
dojo.attr(form, 'method', 'POST');
document.body.appendChild(form);
dojo.io.iframe.send({
url: "CSVexport.php",
form: form,
method: "POST",
content: {exp: str},
timeout: 15000
});
document.body.removeChild(form);
}
);
CSVexport.php :
<?
$time = time();
header("Pragma: public");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-type: application/csv");
header("Content-Disposition: attachment; filename=\"grid_$time.csv\"");
$exportedData = $_POST['exp'];
echo $exportedData;
?>
0
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CISROMM - Master Milestone List Editor</title>
<!-- Include dojo dependencies -->
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/resources/dojo.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/document.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojox/grid/enhanced/resources/claro/EnhancedGrid.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css">
<script src='http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js'></script>
<!-- Include dojo dependencies -->
<!-- Require the widgets -->
<script>
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dojox.grid.enhanced.plugins.exporter.CSVWriter");
dojo.require("dojo.io.iframe");
<!-- Require the widgets -->
<!-- Data Export Handler -->
function exportAll(){
dijit.byId("grid").exportGrid("csv", function(str){
/*dojo.io.iframe.create('exportFrame', 'exportFrameLoaded()', '');
dojo.io.iframe._currentDfd = null;
dojo.io.iframe.send({
url: "/ExportGrid.json",
content:{data:str}
});*/
//alert(str);
document.getElementById("output").value=str;
});
};
<!-- Data Export Handler -->
var grid, store;
<!-- Grid Creation -->
dojo.ready(function(){
data = {
identifier: 'id',
label: 'id',
items: []
};
data_list = [
{ col1: "normal", col2: false, col3: "new", col4: 'But are not followed by two hexadecimal', col5: 29.91, col6: 10, col7: false },
{ col1: "important", col2: false, col3: "new", col4: 'Because a % sign always indicates', col5: 9.33, col6: -5, col7: false },
{ col1: "important", col2: false, col3: "read", col4: 'Signs can be selectively', col5: 19.34, col6: 0, col7: true },
{ col1: "note", col2: false, col3: "read", col4: 'However the reserved characters', col5: 15.63, col6: 0, col7: true },
{ col1: "normal", col2: false, col3: "replied", col4: 'It is therefore necessary', col5: 24.22, col6: 5.50, col7: true },
{ col1: "important", col2: false, col3: "replied", col4: 'To problems of corruption by', col5: 9.12, col6: -3, col7: true },
{ col1: "note", col2: false, col3: "replied", col4: 'Which would simply be awkward in', col5: 12.15, col6: -4, col7: false }
];
var rows = 100;
for(var i=0, l=data_list.length; i<rows; i++){
data.items.push(dojo.mixin({ id: i }, data_list[i%l]));
}
// global var "test_store"
store = new dojo.data.ItemFileWriteStore({data: data});
grid = new dojox.grid.EnhancedGrid({
store: store,
rowSelector: 'auto',
query: {id: "*"} ,
plugins: {
exporter: true
},
structure: [
{field: 'col1', width: '20%', name: 'col1',hidden: false},
{field: 'col2', width: '20%', name: 'col2',hidden: false},
{field: 'col3', width: '20%', name: 'col3',hidden: false},
{field: 'col4', width: '20%', name: 'col4',editable: true}
]
},"grid");
grid.startup();
});
</script>
</head>
<body class="claro">
<button id="exportBtn" onClick="exportAll();">
Export to Excel
</button>
<div id="grid" style="width: 560px;height: 680px;"></div>
<textarea id="output" style="width: 560px;height: 680px;"/>
</body>
</html>
관련 문제
- 1. Matlab에서 .csv 파일로 큰 데이터 내보내기
- 2. 리팩토링 : Gridview CSV 파일로 내보내기
- 3. 계층 격자를 Excel로 내보내기
- 4. WPF에서 wav 파일로 데이터 격자를 만드는 방법
- 5. CSV 내보내기 파일
- 6. PHP CSV 내보내기 기능
- 7. wpf datagrid를 사용자 정의 Excel CSV 파일로 내보내기
- 8. Excel로 데이터 집합 내보내기
- 9. MVC3 파일로 내보내기
- 10. SSIS : 데이터 정의를 포함하도록 파일로 내보내기
- 11. Google appengine에서 XML 파일로 데이터 내보내기
- 12. 데이터 세트에서 탭 구분 파일로 내보내기
- 13. 코어 데이터 엔터티를 코코아에서 텍스트 파일로 내보내기
- 14. Classic ASP에서 Excel 파일로 데이터 내보내기 실패
- 15. jquery PHP 및 CSV 내보내기
- 16. Google Analytics에서 데이터 내보내기
- 17. jQuery 테이블에서 CSV 내보내기
- 18. PHP에서 CSV 파일 내보내기
- 19. 레일 - CSV (CSV로 내보내기)
- 20. 루비의 CSV 내보내기 문제
- 21. JDE에서 CSV 내보내기
- 22. dojo xhrget을 사용하여 csv 파일을 다운로드 중입니다.
- 23. gwt 파일로 내보내기
- 24. PHP XML- 파일로 내보내기
- 25. sqlite 결과를 파일로 내보내기
- 26. asp.net에서 excel 파일로 내보내기
- 27. 데이터를 플랫 파일로 내보내기
- 28. 이미지 데이터를 플랫 파일로 내보내기
- 29. ComponentArt : 그리드 데이터 내보내기
- 30. asp.net의 csv 파일로 응답
백엔드에서 서블릿 코드를 제공 할 수 있습니까? 백엔드에서 어떻게 처리됩니까? –