标签: resizable

我正在使用具有动态内容的可排序表格为公司构建HR模块.完成项目后,客户端要求使表垂直调整大小.我将jQuery UI resizable()应用到主表被包装的div中.它在Safari和Chrome中运行得非常好,但是当在Firefox或IE中调整包装div的大小时,表的高度保持不变,并且不会扩展到div的尺寸.

简化的标记看起来像这样:

<div id="list">
    <div class="table-container">
        <table>
            (blablabla, this is a sortable table with clickable th's and about 10 columns)
        </table>
    </div>
</div>

风格是:

#list {
    width: 1150px;
    height: 180px;
    float: left;
    overflow: hidden;
    border: 1px solid #aeaeae;
}

#list .table-container {
    width: 1145px;
    height: 175px;
}

#list table {
    width: 100%;
    height: 100%;
    float: left;
}

#list table td {
    height: 20px;
    vertical-align: middle;
}

我已经尝试对每个元素使用各种溢出,位置和显示 …

我想知道为什么他们没有开发可调整大小的JQuery,可以选择将调整大小对象捕捉到其他人(而不是捕捉到网格),如draggable？有谁知道这样的插件来实现这一目标？谢谢.

我在容器div中有一个动态创建的TinyMCE textarea(使用外部工具栏).我试图让它成为可拖动的,并且可以调整大小(整个文本区域).

jQueryUI的.draggable()适用于tinyMCE,但是如果我使用.resizable(),当我点击该区域时,tinyMCE外部工具栏不会出现.如果我在其设置中使用tinyMCE的调整大小选项,当我单击拖动以调整它的大小时,它会破坏jqueryUI的可拖动功能(整个框跟随鼠标以及调整大小,并且不会松开).

当我尝试使用setResizablejavaFX应用程序中的场景时，它不起作用。我仍然可以更改窗口大小。这是我的测试应用程序的代码：

@Override
public void start(Stage stage) throws Exception {
    // TODO Auto-generated method stub

    stage.setTitle("Test window");
    stage.setWidth(300);
    stage.setHeight(200);
    stage.setResizable(false);

    stage.show();
}

public static void main(String[] args) {
    // TODO Auto-generated method stub
    Application.launch(args);

}

也许我错过了一些非常简单的事情，因为我是JavaFX的新手。谁能帮我？我在Ubuntu 13.04 64位上使用Eclipse 4.3和JavaSDK 7u25

我正在使用jQuery ui resizable,我(个人)发现它就像一个视频游戏来确定你试图调整元素大小时的命中区域.

似乎命中区域是div边缘的单个像素!WT ...

有谁知道如何增加手柄的命中区域/容差,这样你就不必像外科医生一样移动鼠标来抓住你的div的边缘？

我正在开发一个具有无框架窗口且具有html5视频元素的应用程序，该元素显示以100％填充document.body的网络摄像头。

我已mainWindow设置为可调整大小，mainWindow.isResizable(true)但无法调整窗口大小。

当我使用chrome dev工具进行调试时，只能调整侧面chrome dev工具打开时的窗口大小。（不确定是否有帮助，但是我正在基于Ubuntu 14.04的称为发行版Elementary OS Freya的Linux发行版上进行开发）

有人可以解释为什么即使将mainWindow设置为可调整大小后，我也无法调整其可调整大小的窗口吗？

另外我该怎么做才能解决这个问题？

var app = require("app");
var BrowserWindow = require("browser-window");

var mainWindow = null;

// Quit when all windows are closed.
app.on("window-all-closed", function() {
  app.quit();
});

app.on("ready", function() {
  mainWindow = new BrowserWindow({
    width: 640,
    height: 480,
    frame: false
  });
  mainWindow.loadUrl("file://" + __dirname + "/index.html");

  // Set Window Resizable
  mainWindow.isResizable(true);

  mainWindow.focus();
});

我使用ubuntu 10.04,但也在其他ubuntu发行版上发现了这个.

当我启动应用程序的第一个JFrame时,它不会以其默认大小(由setSize()指定)启动,而是在整个屏幕上最大化.

我有一个解决方法,即使用setResizable(false)(使窗口达到预期的大小),然后我将其设置为true(我仍然希望能够调整大小).

谁知道这个bug来自哪里？有没有优雅的方式来处理这个？

谢谢,

我只是google了很多但找不到答案.

我有一个可调整大小的div,想要放弃它.到目前为止,它运作良好.但是当我使用clone-helper时,该项目在删除时就会消失.我究竟做错了什么？

$('#resizable').droppable({

  });

$('.base').draggable({
    helper: 'clone',
    stack: '#resizable',
    containment: '#resizable',
    cursor: 'move',
    appendTo: '#resizable' 
  });

我玩appendTo,接受和一切.我只是无法让它工作......任何想法都非常感激!

使用jquery ui draggable插件，我以这种方式使html文本框可拖动：

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $("#Text1").draggable({
            containment: "parent",
            cancel: null
        });
    });
</script>

<form id="form1" runat="server">
<div>

    <div id="dialog" title="Dialog Box" style="border: solid 1px black;">
        <input id="Text1" type="text" style="width: 200px; height: 20px;" value="Text1" />
    </div>

</div>
</form>

但是，如何使用jQuery使其可调整大小？

先感谢您。

戈兰

如果我将pygame窗口设置为可调整大小,然后单击并拖动窗口的边框,窗口将变大,但表面上的任何blit都不会随之变大.(这是可以理解的)我怎么做到这样,当我调整窗口大小时,所有blit对象调整大小并正确填充窗口？

例如:假设我有一个200 x 200的窗口,我在window_width/2和window_height/2处按下了一个按钮.按钮将位于窗口的中心,为100 x 100.现在,如果我将窗口调整为300 x 300,则按钮将保持为100 x 100而不是150 x 150.

我试过搞乱pygame.Surface.get_width等,但没有运气.基本上我正在尝试调整程序窗口的大小,并使所有blit图像保持成比例.