我如何在敏捷工具包（又名 ATK4）中获取 jquery 变量？

Question

我需要使用ATK4获取浏览器的窗口高度和宽度，lightweight php framework with jquery

得到这个的javascript是

 $(window).height();
 $(window).width();

由于agiletoolkit 与jquery 集成，我认为应该可以使用类似的东西来获得它

         $height=$p->js()->univ()->_selectorWindow()->height();

但这不起作用，而是当我传递要使用的 $height 变量时，在 HTML 源代码中我得到以下内容。

 'height':$(window).univ().height(),'width':$(window).univ().width()

它根本不显示元素

我希望能够调用 jqplot 将图形的宽度设置为特定页面上用户浏览器的全宽。为此，我需要传递一个参数，即宽度：NNN，其中 NNN 是像素宽度。据我所知，jqplot 不支持百分比形式的参数，所以我不能说宽度：100%。另外，如果我在页面上设置一个 div 并添加图表，它也会忽略 div 的大小并仅创建一个 400 x 300 像素的小图表。

我创建了一个插件来使用 atk4 中的 jqplot，但这是我仍然需要解决的问题之一。我可以毫无问题地将高度和宽度作为参数传递，但如果没有指定参数，我希望它默认为全屏尺寸。

谁能建议获取这些值的正确语法？ TIA。

Answer 1

你应该明白的是“$p->js()->_selectorWindow()->height();”实际上会被翻译成“$(window).height();” -- 但您只能在客户端获取窗口宽度。

所以，如果您想在代码中获取窗口的高度，您只能通过使用 ajax 请求来实现，其中实际高度是从前端发回的。

请重新表述您的问题，以便清楚您需要什么高度，以便我可以建议最好的方法。

---

如何使后端和前端互连的示例：

将其粘贴到 page/test.php 并打开 http://example/test 以查看实际情况

class page_test extends Page {
    function init(){
        parent::init();

        $b=$this->add("Button");
        $b->set("Get Width");
        $b->js("click")->univ()->ajaxec($this->api->getDestinationURL(), array("width" => $this->js(true)->_selectorWindow()->width()));
        $v=$this->add("View_HtmlElement")->setElement("div")->set("Click button to get width of the window");
        if ($w = $_POST["width"]){
            $v->js(null, $v->js()->html("Width: " . $w))->univ()->alert("Width: " . $w)->execute();
        }
    }
}