我有一个大的网格值。起初,每个值都是下降的。但加载速度非常慢(+15秒)。 所以我想在我的网格中使用文本(常规表格)并在文本的双击上使用下拉列表。 这可能吗? 另外,是否可以使用telerik下拉?将文本更改为下拉列表
下面是一个例子:一个包含颜色的网格(例如:蓝色,蓝色,红色,黄色....)。 双击该单词时,下拉菜单将替换选定的文本。下拉菜单将包含所有可用的颜色:蓝色,红色,黄色。之后,当选择该值时,下拉将消失,文本将显示新值。
到目前为止,我得到这个:
$(function() {
$('.colorGrid').dblclick(function() {
debugger;
$(this).html("<select class=\"resultMenu\" id=\"resultMenuID\" size=\"1\"></select>");
$(this).children("select").append('<option value=1>Black</option>');
$(this).children("select").append('<option value=2>Red</option>');
$(this).children("select").append('<option value=3>Blue</option>');
$(this).children("select").append('<option value=4>Yellow</option>');
});
$('#resultMenuID').change(function (event) {
debugger;
$(this).html("<td>test</td>");
});
});
我接近我的目标。现在我需要将所选的结果放回到td标记中,并且选择必须消失!更改选择功能从不打电话。有谁知道为什么?
这可能吗?绝对。 – kevin628 2012-08-01 21:05:56
您现在可以向我们展示您的html和javascript吗? – Undefined 2012-08-01 21:06:01
的基本思路是将潜在下拉的所有'东西'放到一个块中并隐藏它,并将onClick添加到每个这样的块中,这会将值从隐藏变为可见。然后,如果你想减少加载时间,只需在用户点击块 – 2012-08-01 21:12:02