Response title
This is preview!
selectable lost area selected using animate zoom
in Using jQuery UI
•
4 months ago
$("#slider").slider({
value: 1,
min: 0.1,
max: 2,
step: 0.1,
slide: function (event, ui) {
$("#amount").html("" + parseInt((ui.value) * 100) + "%");
$('#<%= GridView1.ClientID%>').animate({ zoom: ui.value }, 1);
//selectable___();
}
});
$("#amount").html("100%");
function selectable___() {
$(document).ready(function () {
$("#<%= GridView1.ClientID%>").selectable({
filter: "td[free='yes']",
appendTo: "div[id=contienegrid]",
stop: function () {
var result = $("#select-result").empty();
$(".ui-selected", this).each(function () {
var dia__ = $(this).attr("infodia");
if (!ExisteItem(dia__)) {
result.append(" #" + dia__);
diasSeleccion.push({ infodia: dia__ });
}
});
},
unselected: function (event, ui) { var e = $(ui.unselected); removeItem(e.attr("infodia")); },
unselecting: function (event, ui) { var e = $(ui.unselecting); removeItem(e.attr("infodia")); }
});
});
};
The grid works regularly
when using the select at normal view, 100%, however if changing the size to a
smaller or the zoom, the select does not work properly. On the other hand, the
option check works perfectly at any views
1
