允许用户调整gridview列的高度

时间:2019-02-26 22:09:38

标签: javascript asp.net

我实现了使用javascript使datgridview列宽度动态变化,但我希望高度可以动态变化。

这是我的JavaScript:

<script src="../scripts/jquery.js" type="text/javascript"></script>
<script src="../scripts/colResizable-1.3.min.js" type="text/javascript"></script>
<script src="../scripts/jquery.cookie.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(document).ready(function () {
         if ($.cookie('colWidth') != null) {
             var columns = $.cookie('colWidth').split(',');
             var i = 0;
             $('.mGrid th').each(function () {
                 $(this).width(columns[i++]);
             });
         }

         $(".mGrid").colResizable({
             liveDrag: true,
             gripInnerHtml: "<div class='grip'></div>",
             draggingClass: "dragging",
             onResize: onSampleResized
         });

         if ($.cookie('colHeight') != null) {
             var columns = $.cookie('colHeight').split(',');
             var i = 0;
             $('.mGrid tr').each(function () {
                 $(this).height(columns[i++]);
             });
         }

         $(".mGrid").colResizable({
             liveDrag: true,
             gripInnerHtml: "<div class='grip'></div>",
             draggingClass: "dragging",
             onResize: onSampleResized
         });

     });

     var onSampleResized = function (e) {
         var columns = $(e.currentTarget).find("th");
         var msg = "";
         columns.each(function () { msg += $(this).width() + ","; })
         $.cookie("colWidth", msg);
     }; 
</script>  

我如何也可以调整高度。到目前为止,只有宽度是可调整大小的,单元格的高度不是。我必须在JavaScript中进行哪些更改。

0 个答案:

没有答案