我使用Highcharts图表来显示饼图.我想更改工具提示以显示实际data字段以及系列名称以代替百分比值.
如果您查看上面的示例,您会发现两件事
工具提示是:pointFormat:'{series.name}:{point.percentage}% '即
浏览器份额:百分比值
我想表明:
Browser share: 40 (data value instead of percentage)
2.接下来是饼图中每个部分的显示文本.人们可以看到n小数点的数量,使图表看起来非常难看.
我想显示最多2个小数点的数字,如percentageDecimals: 1工具提示中所使用的那样.
我尝试了很少的东西,像series.data,它返回一个对象数组.还有series.data [0].但到目前为止没有成功
我怎么能做这两件事呢？
我正在使用一个包含文件上传字段的ExtJs表单.在选择文件时,我调用表单的submit()方法.但在提交之前,我正在检查表格是否有效form.isValid().现在由于一些不明原因,我得到form.isValid()as FALSE.
但我想知道为什么表单验证失败了？我保留了所有其他领域allowBlank: false.
有没有办法知道(使用方法或配置属性)为什么表单验证失败以及表单中的无效字段(以及消息)是什么？
这是我的代码:
var simple = Ext.create('Ext.form.Panel', {
id : 'textIntConfigPanel',
frame : true,
bodyPadding : 1,
width : '100%',
layout : 'anchor',
fileUpload: true,
items :[{
xtype : 'panel',
layout : 'column',
fieldDefaults : {
labelAlign : 'center',
msgTarget : 'side'
},
items : [{
xtype: 'fieldset',
columnWidth:0.5,
border: false,
items:[{
xtype : 'fieldset',
title: 'Configuration',
flex : 1,
defaultType : 'textfield',
items : [{
xtype : 'radiogroup',
fieldLabel : 'Configuration', …可能重复:
循环访问JavaScript对象
获取对象键的数组
有没有办法在javascript中使用hashmaps.我发现这个页面显示了在javascript中使用hashmaps的一种方法.基于此我将数据存储如下:
var map = new Object();
map[myKey1] = myObj1;
map[myKey2] = myObj2;
function get(k) {
return map[k];
}
但我想要对象的keySet(所有键)map就像在Java(map.keySet();)中完成一样.
任何人都可以告诉我如何获得此对象中的所有键？
问题1:我有一张表格,其中包含以下结构和数据:
app_id transaction_id mobile_no node_id customer_attribute entered_value
100 111 9999999999 1 Q1 2
100 111 9999999999 2 Q2 1
100 111 9999999999 3 Q3 4
100 111 9999999999 4 Q4 3
100 111 9999999999 5 Q5 2
100 222 8888888888 4 Q4 1
100 222 8888888888 3 Q3 2
100 222 8888888888 2 Q2 1
100 222 8888888888 1 Q1 3
100 222 8888888888 5 Q5 4
我想以下面的格式显示这些记录:
app_id | transaction_id | mobile | Q1 | Q2 | Q3 …我有一个form(Payment.php),我使用twitter bootstrap在模态屏幕中显示.在表单中,我有一个日期字段,我找到了这个引导程序插件.
但问题是日历是在父屏幕(Index.php)中加载而不是在实际需要它的模态表单上.
任何人都可以建议解决这个问题.
以下是我尝试过的代码.
进口:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<script src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
PHP:
<div class="controls">
<input data-datepicker="datepicker" class="span3" value="2012-09-13" data-date-format="yyyy-mm-dd" id="dp2" >
</div>
JS:
$('#dp2').datepicker();
我使用JSTreegraph插件绘制树结构.但现在我需要一个拖放功能,其中我可以拖动树的任何节点并连接到任何其他节点,然后第一个节点的所有子节点现在将成为新节点的子节点(它的所有节点)被附上).
据我所知,这个插件似乎没有这个功能.它只是根据传递给它的数据对象绘制结构.
该插件基本上将一个类分配给Node树的所有节点(div),另一个类NodeHover分配给悬停的节点.没有id分配给这些div.
所以我尝试使用JQuery Draggable来查看是否可以通过这样做来移动任何节点
$('.Node').draggable();
$('.NodeHover').draggable();
但它似乎没有用.所以任何人都可以帮助我.
如何进行拖动和附加功能？
*编辑::请原谅我使用Fiddle并不是很好,所以我在这里分享一个示例代码供您使用:*
HTML文件:将绘制示例树
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/JSTreeGraph.css" rel="stylesheet" type="text/css" />
<script src="js/JSTreeGraph.js" type="text/javascript"></script>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.position.js" type="text/javascript"></script>
<style type="text/css">
.Container {
position: absolute;
top: 100px;
left: 50px;
id: Container;
}
</style>
</head>
<body>
<div id="tree">
Ctrl+Click to Add Node
<br />
Double Click to Expand or Collapse
<br />
Shift+Click …我有一个jquery日期选择器字段,当用户点击Add按钮时我将其克隆.我希望日期选择器显示在屏幕上随后添加的字段中.现在,datepicker只出现在第一个字段和not for the added/cloned fields.
在这里检查了很多关于类似主题的帖子后,我能够在这个阶段达成目标.以下是我的代码.
<div class="repeatingSection">
<a href="#" class="deleteDate" style="display: none;">-Delete</a>
<input type="text" class="dateListValues" style="position: relative; z-index:100000;"
id="dateListValues_1" size="15" />
</div>
<a href="#" class="addDate">+ Add</a>
JS:
// Add a new repeating section
$('.addDate').click(function(){
var currentCount = $('.repeatingSection').length;
var newCount = currentCount+1;
var newID;
var lastRepeatingGroup = $('.repeatingSection').last();
var newSection = lastRepeatingGroup.clone();
newSection.insertAfter(lastRepeatingGroup);
newSection.find("input").each(function (index, input) {
input.id = input.id.replace("_" + currentCount, "_" + newCount);
input.name = input.name.replace("_" + currentCount, "_" + newCount);
input.value = …假设我的MySQL数据库中有以下两个表:
Table 1:: EMP: EmpID, EmpName
eg. (1, 'John'), (2,'Alex'),(3,'Tom')
Table 2:: Team: TeamID, ManagerID, MemberID
eg. record1: (Team1, 1, 2), record2: (Team1, 1, 3)
所以有一个团队有id team1,John是经理,Alex和Tom是其成员.
我想以下列方式在屏幕上显示Team表的记录
| Team | Manager | Members |
| team1 | John | Alex, Tom |
什么是SQL查询,它将加入上述两个表,并在基于memberID时返回成员的名称.
此外,结果将显示为包含由逗号分隔的所有团队成员的1行.
如果有更好的方法来设计这两个表,那么请同样建议.非常感谢.
谢谢.
我在mysql该group concats记录中有一个查询,并给出一个具有冗余令牌的值.以下是查询的输出:
Problem Area->ACC-HO->ACC-HO->Credit Note (C/N)->Problem description ->Problem description
但我想要这个字符串的不同标记如下
Problem Area->ACC-HO->Credit Note (C/N)->Problem description
有没有办法在sql SELECT查询本身中执行此操作？
编辑 这里是架构和查询 下面是我的查询:
SELECT
t2.transaction_id AS transaction_id,
GROUP_CONCAT(
CONCAT(
t1.display_text,
'->',
(CASE (NOT EXISTS (SELECT 1 FROM mst_node a WHERE a.parent_node_id = t1.node_id))
WHEN 1 THEN t1.display_text ELSE
(SELECT b.display_text AS DISPLAY FROM mst_node b
WHERE parent_node_id = t2.node_id AND b.display_seq = t2.entered_value)
END)
)
ORDER BY t2.logtime_stamp SEPARATOR '->'
) AS display_text
FROM
mst_node t1
JOIN …我正在尝试使用bootstrap的工具提示,typeahead,datepicker功能.但我一直在控制台中收到这些错误!
Uncaught TypeError: Object [object Object] has no method 'tooltip'
Uncaught TypeError: Object [object Object] has no method 'typeahead'
这是我的导入的样子:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.dropdown.css" />
<script type="text/javascript" src="js/jquery.dropdown.js"></script>
一些示例代码:
<a class="btn btn-success" data-toggle="modal" href="#payments"
rel="tooltip" data-placement="top" title="Record your payments">
<i class="icon-check icon-white"></i> Payments</a>
$("#payments").tooltip('show');
同样,我有datepicker和typeahead的代码.
任何解决方案
编辑:
这是我刚刚尝试过的:
<a href="#" rel="tooltip" data-placement="top" title="Tooltip …javascript ×5
jquery ×4
mysql ×3
sql ×3
jquery-ui ×2
ajax ×1
extjs ×1
extjs4.1 ×1
form-submit ×1
highcharts ×1
join ×1
php ×1
pivot ×1