Tag: jquery

我怎样才能给HTML表格列,类似于Excel电子表格?

请参阅网站和代码: http : //jonathonmoore.com/sandbox/single.html 我正在创build一个基本上为用户提供每周,每月和每年财务状况的网站。 我有一个有四列的大桌子: 现在,我是通过给每个单元格一个唯一的ID(#bwSalary,#monSalary,#annSalary等等),进行math计算,并replace文本来强制表中的值。 这很乱。 还有一部分页面允许用户添加和删除行到表中,并input各种费用。 我无法为每个人生成唯一的ID。 一定有更好的方法。 所以我的问题是,是否有一种方法,使用jQuery,为每列分配一个公式 – 类似于你可以在Excel中做什么。 我所设想的是计算每行的年度贡献(可能使用唯一的ID),然后jQuery将遍历每行,并填充每两周和每月行,只需将年度列单元格中的值分开通过12或26。有道理? 我知道有一种方法可以做到这一点,我只是不了解jQuery,知道如何find我需要的正确的单元格。

在网页中embeddedExcel表格

我想在我的网页上有一个类似function的电子表格。 我期待以下function:1)电子表格的每个单元格都应该是可编辑的。 2)它应该允许计算。 3)保存时,数据应保存到数据库中。 4)最好没有任何授权问题的开源。 请build议我可以使用什么来达到目的? 谢谢

在表格元素上使用属性时,无法将HTML表格导出到Excel

我正在尝试使用在Internet上find的这个简单函数将HTML表格导出到Excel: $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + $('#tabla_datos').html()); e.preventDefault(); });​ 它工作得很好,但是当我添加一个属性到我的表中的任何元素,如rowspan或colspan,Excel不能正确导出。 这是HTML: <div id="tabla_datos"> <table> <tr> <th>Columna 1</th> <th>Columna 2</th> <th>Columna 3</th> </tr> <tr> <td colspan='2'>Dato 1</td> <td>Dato2</td> </tr> <tr> <td>Dato 3</td> <td>dato 4</td> <td>Dato5</td> </tr> </table> </div> <input type="button" id="btnExport" value=" Export Table data into Excel " />​ 这里是jsfiddle: http : //jsfiddle.net/WAR2v/

使用JSON格式的coldfusion生成excel或html

我需要生成一个JSON格式的数据报告。 这是接收参数并显示带有数据或Excel的html表格的动作文件。 我需要帮助parsingJSON数据我正在进入所需的格式(HTML或Excel)。 我知道如何使用Excel格式化,我只需要帮助parsingJSON数据并输出它。 <cfajaxproxy cfc="components.acct.accttrx"> <script src="../jQuery/js/jquery-1.7.2.min.js"></script> <cfparam name="prD" default="0_0"> <cfparam name="sM" default="1"> <cfparam name="sY" default="2013"> <cfparam name="status" default="0"> <cfparam name="FORM.fileformat" default="html"> <script type="text/javascript"> jQuery(document).ready(function(){ var myURL = '../components/acct/accttrx.cfc'; function populateReport(){ $.ajax({ url: myURL + "?method=GetTranactions", type: 'POST', data: { prID: '<cfoutput>#prD#</cfoutput>', mn: '<cfoutput>#sM#</cfoutput>', yr: '<cfoutput>#sY#</cfoutput>', st: '<cfoutput>#status#</cfoutput>', ea_adm:'1', slist:'', lang: '1' }, dataType: […]

Javascript正则expression式 – 从列出的函数中删除参数

我试图build立一个jQuery的插件,findExcel公式和评估它,目前使用jison作为parsing器和一些正则expression式的占位符replace,问题是我对这两个盲目,完整的代码目前在github 我想做的事: 说我有一个注册公式成员,它的function var formula = { member:['MAX','MIN','AVG','SUM'], max:function(cell1,cell2){ … //return the max } //…. and other function not listed } 并有一个具有数据公式属性的HTML元素 <div data-formula="MAX($A1,$A5)"></div> 如果variables占位符$ A1作为列出的公式(MAX,MIN,SUM和AVG)的参数,它应该被replace为1.1(将A转换为1并与点连接),如果它在公式括号之外,则应该保留并将在稍后被replace(如果你可以帮助build立jison文件,使MAX()接受string,这将是伟大的:)) 我目前的代码如下所示 var $equation = ''; var $formula_regex = new RegExp('['+formula.member.join('|')+']+\(([^]+)\)','g'); //should be [SUM|AVG|MAX|MIN]+\(([^]+)\) //this.data[$key].formula contains the string formula $equation = this.data[$key].formula.replace($formula_regex,function($range){ $range = $range.replace(/\$\w+/g, function($key) { $key = $key.replace('$',''); […]

提取KeyValue对,并使用jQuery将其转换为JSON(列和行)

我正在研究Asp.net MVC。 我想将Excel数据导入到我的一个网格中。 我使用ExpandoObject (dynamic)读取Excel文件,然后将其转换为键/值对。 我想知道如何提取KeyValue对,并以JSON格式从该键/值对生成一个头和数据行。 数据将如下所示: 我想把这个KeyValue转换成Header和Row,如下所示: [ {"CustomerName" : "Messi", "City":"Buenos Aires", "Country" :"Argentina"}, {"CustomerName" : "Ronaldo", "City":"Lisbon", "Country" :"Portugal"}, {"CustomerName" : "Persie", "City":"Amsterdam", "Country" :"Netherlands"}, {"CustomerName" : "Ronnie", "City":"London", "Country" :"England"} ] 我已经使用了以下jQuery代码片段,但它不起作用: var arr = []; $.each(dataReceivedFromServer, function (i, data) { var d = data.Key; arr.push({ d: data.Value, }); }); 如果我这样做,它显示我[{"d":"Messi"},{"d":"Buenos […]

从表中导出选定的行到Excel

我有表中的数据。 每一行都有一个checkbox。 当用户点击导出button时,我想要检查的行被导出到excel文件。 这是我的代码(GSP): <div id="downloadExcelPopup" style="display: none"> <div id="" class="newserial_popup1" style="width: 80%; height: 70%; float:left; "> <div class="newbrand"> <div style="background: #ff9900; width: 100%; float: left; padding: 15px;"> <h3 style="float: left; width: 80%; margin: 0px; color: #ffffff;">Export to Excel</h3> <button class="close md-close cancelDownload" aria-hidden="true" data-dismiss="modal" type="button">×</button> </div> <div class="form-horizontal group-border-dashed" style="border-bottom: 1px solid #E5E5E5; margin-bottom: […]

将Excel数据复制到Web表单上的input

我想复制一行excel数据与几列,并能够复制每一行,并粘贴到一个Web窗体,以便从Excel中的每个列值粘贴到每个表单字段input。 尝试使用这里build议的脚本: jQuery从Excel复制到多个input字段,但粘贴我的数据时消失。 更新 这几乎奏效,只有现在它的最后一个值复制到所有的领域: $('input').bind('paste', null, function(e){ $this = $(this); setTimeout(function(){ var columns = $this.val().split(/\s+/); var i; for(i=0; i < columns.length; i++){ $('input').val(columns[i]); } }, 0); });'

导出为ex​​cel或csv

我在网站上工作,我需要做一个Excel文件或至less一个Excel文件打开的CSV文件。 我尝试了很多东西。 我search谷歌,stackoverflow等解决scheme,但我发现似乎不是为我工作。 我试过jQuery解决scheme,我尝试了PHP解决scheme。 JSFiddle: http : //jsfiddle.net/terryyounghk/KPEGU/ 当我用这个小提琴制作一个csv的输出是: 我希望输出是在单独的colums中,而不是一个。 这里也是我试过的PHP解决scheme: header("Content-type: application/vnd.ms-excel"); header("Content-Disposition: attachment;Filename=document_name.xls"); echo "<html>"; echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Windows-1252\">"; echo "<body>"; echo "<table>"; echo "<tr>"; echo "<td>Henk</td>"; echo "<td>Henk2</td>"; echo "</tr>"; echo "<tr>"; echo "<td>bob</td>"; echo "<td>bob2</td>"; echo "</tr>"; echo "</table>"; echo "</body>"; echo "</html>"; 这输出: 这里的输出是在正确的列和行。 但不知何故,我不能得到网格线。 这只是我试过的吨的两个例子。 有人知道如何解决这个问题吗?

像在ASP.NET应用程序中筛选Excel

我有一个已经运行的asp.net(非MVC)Web窗体应用程序。 它有一个gridview。 <asp:GridView ID="gvPendingInvoices" runat="server" AutoGenerateColumns="false" Width="60%" AllowPaging="true" AllowSorting="true" CellPadding="4" OnPageIndexChanging="gvPendingInvoices_PageIndexChanging" OnRowDataBound="gvPendingInvoices_RowDataBound"> <PagerStyle CssClass="gridView_PaggerStyle" HorizontalAlign="Left" /> <HeaderStyle CssClass="gridView_HeaderStyle" HorizontalAlign="Left" /> <SelectedRowStyle CssClass="gridView_SelectedRowStyle" /> <FooterStyle CssClass="gridView_FooterStyle" /> <PagerStyle HorizontalAlign="Left" /> <AlternatingRowStyle CssClass="gridView_AlternatingRowStyle" /> <PagerSettings PageButtonCount="10" Position="TopAndBottom" /> <RowStyle BorderStyle="None" CssClass="gridView_RowStyle" /> <Columns> <asp:TemplateField HeaderText="ProjectId" Visible="false"> <ItemTemplate> <asp:Label runat="server" ID="lblProjectId" Text='<%# Bind("ProjectId") %>' /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField […]