小编GOK*_*GOK的帖子
使用jQuery和html导出为CSV
我有一个表格数据,我需要导出到csv而不使用任何外部插件或API.我使用了window.open传递mime类型的方法但面临如下问题:
如何使用jquery确定系统上是否安装了Microsoft Excel或Open Office
代码应该独立于系统上安装的内容,即openoffice或ms excel.我相信CSV是可以预期在两个编辑器中显示的格式.
码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("#btnExport").click(function(e) {
var msg = GetMimeTypes();
//OpenOffice
window.open('data:application/vnd.oasis.opendocument.spreadsheet,' + $('#dvData').html());
//MS-Excel
window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
//CSV
window.open('data:application/csv,charset=utf-8,' + $('#dvData').html());
e.preventDefault();
});
});
function GetMimeTypes () {
var message = "";
// Internet Explorer supports the mimeTypes collection, but it is always empty
if (navigator.mimeTypes && navigator.mimeTypes.length > 0) {
var mimes = navigator.mimeTypes;
for (var i=0; i < mimes.length; i++) {
message += "<b>" + …推荐指数
解决办法
查看次数
Chrome类型="日期"和jquery ui日期选择器冲突
我有一个输入框,其类型为"日期",在IE中一切正常,但在最新版本的Chrome中,它带有一个微调器,向下箭头和占位符为mm/dd/yyyy.
在Chrome中,点击该字段Chrome会打开一个日期选择器,我已经为我的应用程序使用映射了jquery ui的datepicker.这两者都在冲突,如下所示:
我已经应用了如下修复:
input[type="date"]::-webkit-calendar-picker-indicator{
display:none;
-webkit-appearance: none;
margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
display:none !important;
-webkit-appearance: none !important;
visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
添加上面的代码后,看起来很明智:
上面的代码隐藏了激活Chrome日期选择器的微调器和箭头.但是有一个问题,占位符('mm/dd/yyyy')仍然存在于输入文本框中; 我的jquery ui的日期选择器很好,但是当我选择任何日期时,占位符仍在那里.
该输入框中没有设置任何值.
需要知道如何删除该占位符以设置值; 我用于该应用程序的日期格式也是yyyy/mm/dd.
Chrome版本为:版本27.0.1448.0
提前致谢!!!
推荐指数
解决办法
查看次数
使用Angularjs显示时区的日期和时间
如何使用Angularjs显示时区信息以及日期和时间:
我试图使用下面定义的绑定显示日期和时间:
{{data.filterData.run_date | date:'h:mm a'}} {{data.filterData.run_date | date:'M/d/yy'}}
上面显示的是印度的IST,美国的CST以及每个最终用户和转换的正确时区.
UPDATE
我以下面的格式和UTC格式获取数据,但是由客户机器浏览器自动转换: 2015-10-26T08:46:05 + 0000
我们如何按照上述格式或转换的日期和时间显示缩写的时区,而不是特定的UTC？因为我有不同的客户和最终用户; 所以这对最终用户来说应该是动态的.
提前致谢!
推荐指数
解决办法
查看次数
如何解析<![CDATA []]>的XML
如何解析包含数据的XML <![CDATA[---]...如何解析xml并获取包含在CDATA???中的数据？
推荐指数
解决办法
查看次数
如何在JRxml文件中创建动态列以生成jasper报告？
我有一组数据以表格格式显示,使用jasper报告并且当前正在编写.jrxml文件.
在我的数据集中,我有数据可以让我们知道表的列数,从而使其成为表的动态列.
所以,问题是从数据库中获取的数据是行特定的; 那么我怎样才能使它的工作转换为没有表的列？
我有一个dB表,从中提取数据:
TEST_ID LEVEL LOT_NUM MEAN UNITS PERCENT
--------- ------ -------- ------------- ----------- -------------
GLU 1 1212 2.1 10 22
GLU 2 1314 3.2 10 22
GLU 3 1414 3.3 10 22
我必须同样创建报告:
TEST_ID LEVEL:1 LEVEL:2 LEVEL:3 UNITS PERCENT
------- ------- ------- ------- ----- -------
GLU 2.1 3.2 3.3 10 22
- :LEVEL的数量变为特定测试的列数.
推荐指数
解决办法
查看次数
如何使用Angularjs Dropdown Multiselect显示带计数的下拉值？
AngularJS Dropdown Multiselect - 每个选项搜索自定义模板.
我发现我的查询的解决方案将使用AngularJS Dropdown Multiselect文档的上述URL,但如果我使用下面的代码,它不会反映在我的应用程序的视图中:
$scope.example19settings = {
template: '<b>{{option.name}}</b>'
};
我想通过添加一个计数来实现它:
$scope.example19settings = {
template: '<b>{{option.name}}({{option.count}})</b>'
};
有任何建议或遗漏链接？
$scope.extraSettings = {
settings: {
selectedToTop: true,
styleActive: true,
/*template: '<b>{{option.label}}</b>'*/
scrollable: true,
scrollableHeight: 200,
showEnableSearchButton: true
}
};
推荐指数
解决办法
查看次数
ui-grid：如何在网格内的行元素的onclick上显示和放置弹出菜单div？
我具有ui-grid和菜单的以下配置，但是我正在为显示的每个元素打开菜单（我知道所有项目都打开相同菜单的问题，因为没有区分要打开哪个菜单项的术语；但是我无法引用它）
$scope.gridOptions = {
enableSelectAll: true,
exporterCsvFilename: 'AGS_Extract.csv',
exporterMenuPdf: false,
enableFiltering: true,
showGridFooter: true,
paginationPageSizes: [25, 50, 75],
paginationPageSize: 25,
useExternalPagination: true,
enableGridMenu: true,
exporterAllDataFn: function () {
var paramsObj = {};
var url = "http://test.satellite.com:8080/Dashboards/AGSMateervlet";
paramsObj['query'] = $scope.keyword;
paramsObj['start'] = 0;
paramsObj['rows'] = $scope.gridOptions.totalItems;
return $http.get(url, { params: paramsObj, headers: { 'Content-Type': 'application/json' } }).then(function (res) {
var myElement = angular.element(document.querySelectorAll(".custom-csv-link-location"));
$scope.gridApi.exporter.csvExport( $scope.export_row_type, $scope.export_column_type, myElement );
});
},
columnDefs: [
{ name: 'materialnum', displayName: 'Part Number', cellClass: 'partNum',
cellTemplate: …推荐指数
解决办法
查看次数
如何转换.eap文件？
我有一个情况:
我有一个.eap文件,我有一个工具,即StarUML.我需要将.eap文件内容导入StarUML.
基本上,我需要知道如何将其转换.eap为某种格式以导入到StarUML中.(StarUML采用.mfg并.xmi作为导入)
提前致谢.
推荐指数
解决办法
查看次数
在单个HTML页面中绘制多个HTML Canvas元素
我有一个html页面,我需要在其中添加多个canvas元素并在页面加载时加载它.
function draw()
{
var c=document.getElementById("myCanvas");
var padding = 20;
var ctx=c.getContext("2d");
var grd=ctx.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#E05D1B");
grd.addColorStop(1,"#00FF00");
ctx.fillStyle=grd;
ctx.fillRect(0,0,275,50);
}
<canvas id="myCanvas" width="250" height="8" style="margin-bottom:10px;margin-left:10px;">
<img src="images\gradient1.png" style="margin-bottom:10px;margin-left:10px;"/>
</canvas>
我添加像这个代码与不同的ID,但我需要重新编码的JavaScript; 我怎么能减少它？
<canvas id="myCanvas1" width="250" height="8" style="margin-bottom:10px;margin-left:10px;"> <img src="images\gradient1.png" style="margin-bottom:10px;margin-left:10px;"/> </canvas>
推荐指数
解决办法
查看次数