Tag: jquery

在Excel Spreadsheets中运行JQuery Geolocation脚本

是否有可能在Excel电子表格中使用我的jQuery脚本? 我正在尝试使用地理定位function的自动地址填写。我有能力做到这一点通过HTML。 但是我很好奇我如何才能在Excel工作表中实现相同的目标。 我想要在电子表格中的列是地址,城市,州,邮编,然后每次地址被点击进入我希望它预填充和给我这样的HTML版本的build议。 请有人协助,这可能是可能的。 var placeSearch, autocomplete; var componentForm = { route: 'long_name', locality: 'long_name', administrative_area_level_1: 'short_name', postal_code: 'short_name' }; function initialize() { // Create the autocomplete object, restricting the search // to geographical location types. autocomplete = new google.maps.places.Autocomplete( /** @type {HTMLInputElement} */ (document.getElementById('autocomplete')), { types: ['geocode'] }); // When the user selects […]

我怎样才能将本地Excel文件数据传递给Javascript数组(谷歌图表)?

我有一个简单的问题,但我找不到一个简单的解决scheme: 我有一个Excel文件(总是一样的),有几个非IT同事希望能够更新的WorkSheet,以便它也更新Google Charts(或其他图表API,你可以告诉我)网页。 (顺便说一下,我只需要每个工作表的某个部分,所以如果你知道一个方法来提取我所需要的东西,那就太好了:)) 我想避免在服务器端的操作,但也许是不可能的,因为我想读取本地文件。 我已经看过转换为JSON的方式,或者使用xlsx.js加载为base64string,但我发现没有什么简单的事情可以让我的同事轻松使用。 非常感谢你。 编辑 我find了一种方法来完成我想要的东西,如果它能帮助任何人: 首先,我将所有需要的数据放在一个csv文件中。 然后,我使用HTML5 FileAPI来读取我用文件input加载的csv文件。 最后,我用一个cvstojson脚本parsing文件,然后按照我想要的方式将它传递给Google图表dataTable。 然而,这只允许加载数据一次,所以我使用了一个button样式的文件input标签,在加载文件之后触发了一个隐藏的“重置”button(实际上是克隆而不是重置),现在看起来像一个button允许多次加载文件后我改变了它的数据。 我也用jQuery的localStorage填充我的JSON。 我知道这很麻烦,所以这是一个代码解压缩: <div id="load"> <button id="clear">Clear</button> <label id="forcvs" for="cvs" > Load data </label> <input type="file" id="cvs" onchange="handleFiles(this.files);" accept=".csv"><br/> </div> “handleFiles”function导致cvstojson脚本: var json = JSON.parse(localStorage.getItem('json')) function handleFiles(files) { // Check for the various File API support. if (window.FileReader) { // FileReader are […]

将HTML表格导出到Excel,但为文件select一个名称

我正在使用这个function 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]–></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 = […]

导出到Excel中的jQuery或jqGrid

我有一个jqGrid ,我从JSON格式的服务器(Java)一次获取数据。 我想要在jqGrid中的数据导出为Excel格式。 直到现在我看到这个页面给我一个错误在IE中'o.url is null or not an object' grid.import.js 另外,我看到这个演示 ,在导出button的工具提示上说, Export To Excel但保存的文件是XML格式。 所以我想任何build议,可以将我的JSONstring转换成使用JavaScript或jQuery插件的Excel或使用jqgrid的内置function。 我的jqGrid 我的jqGrid代码 grid = jQuery("#list2"); grid.jqGrid({ datastr : comparePatchData, datatype: 'jsonstring', colNames:['Name',starheader, header1, header2], colModel:[ {name:'elementName',index:'elementName', width:90}, {name:'isPrasentinXml1',index:'isPrasentinXml1', width:100, align:'center', formatter: patchPresent}, {name:'isPrasentinXml2',index:'isPrasentinXml2', width:100, align:'center', formatter: patchPresent}, {name:'isPrasentinXml3',index:'isPrasentinXml3', width:100, align:'center', formatter: patchPresent} ], pager : '#gridpager2', rowNum:12, scrollOffset:0, […]

导出HTML表格到excel – 使用jQuery或Java

我在我的JSP页面上有一个HTML表格,我想通过点击button导出到Excel。 什么是最好的方式去做这个? (例如,我将如何使用可能是一个jQuery函数。) 演示的任何代码示例。 目的应该很大。 谢谢, Pritish。

使用jQuery将表格数据导出为ex​​cel

我正在使用这个代码: 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]–></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 = […]

使用javascript / jquery导出为ex​​cel后保留HTML表格样式

我有一个从jsfiddle漂亮的HTML表格,我很乐意将其转换为Excel文档。 我的问题是创buildExcel文件后。 表格在excel中丢失了样式,如字体颜色,填充,背景颜色。 等等有没有解决这个? HTML <table id="testTable" summary="Code page support in different versions of MS Windows." rules="groups" frame="hsides" border="2"><caption>CODE-PAGE SUPPORT IN MICROSOFT WINDOWS</caption><colgroup align="center"></colgroup><colgroup align="left"></colgroup><colgroup span="2" align="center"></colgroup><colgroup span="3" align="center"></colgroup><thead valign="top"><tr><th>Code-Page<br>ID</th><th>Name</th><th>ACP</th><th>OEMCP</th><th>Windows<br>NT 3.1</th><th>Windows<br>NT 3.51</th><th>Windows<br>95</th></tr></thead><tbody><tr><td>1200</td><td style="background-color: #00f; color: #fff">Unicode (BMP of ISO/IEC-10646)</td><td></td><td></td><td>X</td><td>X</td><td>*</td></tr><tr><td>1250</td><td style="font-weight: bold">Windows 3.1 Eastern European</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1251</td><td>Windows 3.1 Cyrillic</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1252</td><td>Windows 3.1 US (ANSI)</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1253</td><td>Windows 3.1 Greek</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1254</td><td>Windows 3.1 Turkish</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1255</td><td>Hebrew</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1256</td><td>Arabic</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1257</td><td>Baltic</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1361</td><td>Korean (Johab)</td><td>X</td><td></td><td></td><td>**</td><td>X</td></tr></tbody><tbody><tr><td>437</td><td>MS-DOS United […]

JQGRID:任何简单的方法来实现像jqGrid实现的Excel的撤消

编辑于2012年5月14日:我终于能够跳出我的懒惰,并准备分享实际的EXCEL LIKE JQGRID实施 。 在less数浏览器上,jsfiddle中的单元格select可能会很奇怪,但它应该在您的开发框上正常工作。 玩的开心!!!! 编辑于9/13/11:这是我第一次使用JQGrid。 我正在使用版本4.1.2。 我花了几个星期的时间来把Excel这样的网格放在一起,最大的挑战是find正确的关于如何使用JQGrid的信息。 我目前的设置有很多ajax更新和图像画廊和使用jqgrid格式化,但是我在这里放的是能够使用JQgrid与服务器端分页的主要代码,擅长复制粘贴和演示其他几个functionjqGrid的。 这是我从这个社区得到的所有帮助的回报。 对于刚刚跳到JQGrid的人来说,你很快就会发现在jqgrid中使用Textarea有一些挑战。 你可以在这里find一些解决scheme 原文: 只是为了在提出我的问题之前给点小更新…. 我已经能够在我使用的jqgrid(在经过许多论坛之后)上提供一些附加function,包括:从Excel复制粘贴到jqgrid,在按键和dblclick上编辑单元格,复制和粘贴多个单元格从一个块到另一个在同一个网格上使用鼠标select(从这里使用Javascript来'总结选定的单元格在IE6中 ) 大多数复制粘贴function只能在IE上运行。 我将所有更改一起保存在“保存”button上,使单元格上的所有更新都显示在屏幕上,直到用户点击“保存”button。 虽然目前情况仍然不变,但现在我想在纸面上实现devise,而不是以后。 我正在寻找一个简单的方法来UNDO只有最后的变化。 我一直在考虑使用jQuery的“data()”和“removeData()”方法来实现这一点,但如果有任何已经存在的jqgrid框架,将帮助,我想知道。 有什么build议么?? <style type="text/css"> .sel {background-color: #96B9DC !important; } .altered {} </style> <script type="text/javascript"> var enableOnSelectEvent = false; // handle text selection </script> <div style="width:100%; background-color:#FFF; border:1px solid #000;"><input id="btnsavechanges" value="Save Changes" style="width:120px;" class="formbutton […]

用JQuery读取Excel数据

我想知道如何从多工作表MS Excel 2003文件中使用什么,但jQuery的数据读取。 我已经阅读了PHP / JQuery,ActiveX等的几个解决scheme,但我想用JQuery来做。 任何想法如何可以工作? 我发现http://plugins.jquery.com/project/csv2table ,这几乎完美的工作,除了我必须将每个工作表分成CSV文件。 我想放弃这一步,直接从Excel文件中读取它。 预先感谢您的帮助! 顺便说一句 – 我在FireFox 4中工作,不需要跨浏览器支持。

使用jQuery使用AJAX发送Excel数据

我有以下function,从数据库中提取数据。 ajax调用工作正常。 如何将我的成功function中的制表符分隔的数据发送给用户? 将竞争types设置为“application / vnd.ms-excel”不起作用。 成功警报显示格式正确的数据。 function SendToExcel() { $.ajax({ type: "GET", url: "/Search.aspx", contentType: "application/vnd.ms-excel", dataType: "text", data: "{id: '" + "asdf" + "'}", success: function(data) { alert(data); }, error: function (jqXHR, textStatus, errorThrown) { alert(jqXHR.responseText); }}); } 我不想在浏览器中显示数据 – 我想把它发送到Excel。 编辑:我find了一个方法来做我想要的。 我没有将用户redirect到一个能够提示他们保存/打开Excel文件的新页面,而是在隐藏的iframe中打开了页面。 这样,用户点击一个button,并提示他们保存/打开一个Excel文件。 没有页面redirect。 它是Ajax吗? 不,但它解决了我真正的问题。 这是我打电话button点击的function: function SendToExcel() { var dataString […]