0

在普通视图下使用选择时，网格会正常工作，100%，但是如果将大小更改为更小或缩放，则选择无法正常工作。另一方面，选项检查在任何视图中都能完美运行

例如http://jsfiddle.net/mutesex/czxgg/2/

$("#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']",

     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")); }
   });  
  }); 
};
4

1 回答 1

0

不要使用缩放，可选择的小部件会忽略它。而是在滑块更改时设置高度和宽度。

从!importantCSS 中的以下宽度和高度中删除

    .cell
    {
        ...
        width: 200px;
        ...
    }
    .cellcalday
    {
        ...
        height: 100px;
        ...
    }
    .cellcalfds
    {
        ...
        height: 100px;
        ...
    }

像这样更改您的脚本

            $("#slider").slider({
            value: 1,
            min: 0.1,
            max: 2,
            step: 0.1,
            slide: function (event, ui) {

                $("#amount").html("" + parseInt((ui.value) * 100) + "%");
                //$('#ctl00_container_GridView1').animate({ zoom: ui.value }, 1);
                $("table#ctl00_container_GridView1 tr td.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr th.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalday").css('height', Math.round(100 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalfds").css('height', Math.round(100 * ui.value));

            }
        });

jsFiddle在这里：http: //jsfiddle.net/Ten4u/

于 2012-12-27T22:25:54.273 回答