标签: resizable

我正在使用JSF2.0,我有一个inputTextArea组件,并希望阻止最终用户调整它.我怎么能这样做.我试过resize ="false"但它不接受.

在Java中使用可调整大小的数组的最佳方法是什么？我尝试使用Vector,但是当你进行插入时,它会移动所有元素,我需要一个可以增长但元素保持不变的数组.我确信这有一个简单的答案,但我仍然不太确定.

JQuery UI的.resizable功能不支持position: fixed;元素.当您尝试调整它们的大小时,它会将其position属性切换为绝对属性.任何推荐的修复？

我有一些弹出的聊天窗口,可以在文档周围拖动.它们的位置是固定的,因此它们不会随着它们后面的页面滚动.它们都可以完美地工作,直到您尝试调整窗口大小,当它转换到窗口时position: absolute;,然后在页面滚动时将其留下.

我尝试处理resize stop事件并将位置更改为fixed:

    stop: function (event, ui)
    {
        $(chatWindow).css('position', 'fixed');
    }

这不起作用,因为定位(top:和left:)对于固定元素不正确,并且当您停止调整元素大小时,切换到固定定位并跳转到页面上的奇怪位置.有时跳出页面边界并永远丢失.

有什么建议？

我想(最好在jQuery中)常规文本输入框,可以通过其右下角点击和拖动(例如像Chrome中的textareas)并由用户调整大小？

找不到任何已实现此功能的jQuery插件.如果这样的事情存在或者如何容易实现,任何人都可以给我提示吗？

先感谢您.

编辑:我希望像textarea在Chrome中一样可以调整大小...

我试图附加一个div onClick,它既可拖动又可调整大小,带有句柄,用于调整div在所有4个角落的大小.

我已经能够使div可拖动并添加手柄......但是......只有div的底部,右侧和右下角实际上工作...顶部和其他角落在悬停时显示箭头...但不会调整div的大小!？!？!

<script>

$(document).ready(function() {

    //onClick append a resizable & draggable div with handles on all 4 corners
    $('#mega_wrap').click(function(e){

        //Define element css and positioning then add both draggable and resizable from jQuery UI
        var ele = $("<div>");
            ele.css({width:"100px", height:"100px", border:"3px dashed white", position:"absolute", left: e.pageX - 50, top: e.pageY -50});
            ele.draggable();
            ele.resizable();

        //Define elements handles and append them to the new div
        var eleHandleNE = $("<div class='ui-resizable-handle ui-resizable-ne' id='negrip'>");
        var eleHandleSE = $("<div class='ui-resizable-handle ui-resizable-se' id='segrip'>");
        var eleHandleSW = …

我目前在以下页面上工作:

使用以下代码在jQuery中修改了divResizable $().ready()

 $("#divResizable").resizable({ handles: 'e' });
 $("#divResizable").bind("resize", function (event, ui) {
      $('#divContent').width(850 -(ui.size.width - 175));
 });

正如您所看到的,当divResizable变小时,我尝试增加divContent的宽度,反之亦然.但是,使用此代码,divContent并不总是"增长"到左侧,它有时会延伸到不相关的div的右侧,这不会使调整大小看起来很好.

是否有更复杂的方法输入让这两个div的宽度对应？

我能想到的是将divContent的宽度设置为

(start of irrelevant - divResizable.width) == 850px
  ^ e.g 1025px          ^ e.g. 175px

我究竟会用jQuery做到这一点？

如何确定调整大小操作的方向？我试着谷歌搜索,并在jquery ui上找到了一张票据,说是固定的.但是没有关于如何使用它的文档.

我正在开发一个Web应用程序,我正在寻找一种方法来创建自己的数据网格.

我知道有许多奇妙的脚本都有所有的花里胡哨,但我需要自己的特定功能,CSS风格,以及使用我自己的ui控件的能力.

真的,我唯一需要的是能够调整列的大小.我并不关心标记是不维护行结构还是不是语义,因为所有数据都将由ajax请求填充.

我在想一个可能的解决办法就是让每一列成为div.

有没有可以帮助我的教程？

我想设置我的主框架(整个应用程序)不能由用户调整大小.谁能告诉我怎么做？

当我在布局设计中设置最小和最大尺寸时,它不起作用.我仍然可以调整整个应用程序的大小.

我有一个可调整大小的父div(仅宽度) - 在这个div中我有许多其他div也是可调整大小的(仅限高度).

有时我想要禁用或破坏父宽度调整大小,但保持内部高度调整大小.

当我打电话时$("#idTopDiv").resizable("destroy");,这也会破坏所有子div上的可调整大小.

典型布局是: -

<div id=idDivTop> <!-- Resizable width -->
    <div id=idInnerOne>
    </div>

    <div id=idInnerTwo> <!-- Resizable height -->
    <div>
</div>

欣赏任何想法.