2016-08-10 77 views
0

我有一個包含表,並有保存設置按鈕和加載設置按鈕,模態文件當我點擊保存按鈕表的內容應保存在一個文件以任何格式存放在任何文件夾中,並且通過點擊加載按鈕它應該能夠以HTML格式加載該文件。我如何保存和HTML的內容加載到使用PHP

那麼我該如何做到這一點?

下面

是模態

代碼
<div class="modal fade" id="envVarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel" style="text-align:center">Environment Variable Settings</h4> 
     </div> 
     <div class="modal-body" id="envVarModalBodyID"> 
     <label>Env Variable:</label> 
     <select id="envVarID" name="Select2" onchange="addEnvVar()"> 
      <option value="nothingSelected">Select Env Variable</option> 
      <option value="Count">Count</option> 
      <option value="Schedule">Schedule</option> 

     </select> 
     <table><tr><td>A</td><td>B</td></tr><tr><td>One</td><td>Two</td></tr><tr><td>Three</td><td>Four</td></tr></table>" 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Save Setup</button> 
     <button type="button" class="btn btn-primary">Load Setup</button> 
     </div> 
    </div> 
    </div> 
</div> 
+0

請添加一些細節。您想要完全保存在文件上,還是隻需要保存數據即可在以後進行恢復? – Teo

+0

你的代碼的狀態在哪裏?你是否仍然需要將數據保存並加載到文件中?您可能想要搜索將javascript數據發送到php,並從php中檢索數據。其餘的是搞清楚你想如何格式化數據,以便以後可以閱讀(我建議JSON)。 –

+0

在表或任何字段進行更改後,我的要求是什麼,我可以通過單擊保存按鈕並單擊加載按鈕將數據保存在文件中,它應該能夠在將來的將來從文件中恢復數據。 – Prashant

回答

0

使用此JavaScript來保存的.xls format.I表上單擊事件已添加到您的按鈕

BTN BTN-默認 類你必須使表格中包含<div id="table1">表格結構</div>

<script> 

    var tableToExcel = (function() { 
     var uri = 'data:application/vnd.ms-excel;base64,' 
     , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>' 
     , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
     , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
     return function(table, name) { 
     if (!table.nodeType) table = document.getElementById(table) 
     var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
     window.location.href = uri + base64(format(template, ctx)) 
     } 
    })() 
    </script> 



    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="tableToExcel('table1', 'W3C Example Table')" value="Export to Excel"> 
+0

其實有一些文本字段不僅表,所以我怎麼可以通過點擊加載在其中保存文件或其他格式,這樣我可以在將來恢復數據的一些地方和GUI保存之前和之後應該看起來相同加載它。 – Prashant

+0

有沒有其他方法可以做到這一點? – Prashant

相關問題