在 Dijit 简单文本区域上禁用调整大小?

Posted

技术标签:

【中文标题】在 Dijit 简单文本区域上禁用调整大小?【英文标题】:Disabling resize on Dijit Simple Text Area? 【发布时间】:2014-03-26 18:42:34 【问题描述】:

我正在使用 Dojo 1.9 开始学习,但在禁用 Simple Textarea 的大小调整时遇到了问题。我真的没有特别需要这样做,我只是很好奇如何做到这一点,并且一直无法做到。

Dijit API 中没有列出任何属性,并且使用 .set("style") 更改 CSS,包括在原始容器中内联(我正在以编程方式进行),甚至尝试将调整大小设置为原始声明中没有,即:

var textarea = new SimpleTextarea(
                rows: 5,
                cols: 10,
                onFocus: function() console.log("textarea focus handler"); ,
                onBlur: function() console.log("textarea blur handler"); ,
                selectOnClick: true,
                style: "resize=none",
                value: "This is a sample SimpleTextarea."
            , "textarea");

有什么想法吗?

【问题讨论】:

查看此问题:***.com/questions/5271782/…。可以用 CSS 来完成。 谢谢!将其包含在 html 文件中效果很好……但是,如果我可以在创建 textarea 时逐个实例地执行它,那就太好了,但这似乎不起作用。暂时解决了! 没有什么能阻止您将“baseClass”属性传递给包含为您执行此操作的 CSS 类的小部件;)这样您仍然可以按实例控制它。 【参考方案1】:

如果您将样式设置为等于具有 resize 键值对的对象:“none”,则可以解决问题

var textarea = new SimpleTextarea(
      style: resize : "none"
, "textarea");

【讨论】:

【参考方案2】:

你可以这样做:

<input dojotype="dijit.form.SimpleTextarea"
       id="yourTxtWidget"
       style="resize:none; width: 230px; height: 75px;"
       class="myTextField"/>

【讨论】:

以上是关于在 Dijit 简单文本区域上禁用调整大小?的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用谷歌浏览器文本区域大小调整

如何在移动设备上调整灵活文本区域的大小?

如何在 IE 中禁用的文本区域上启用滚动条

根据内容自动调整文本区域的大小[重复]

jQuery:Chrome 文本区域和调整大小事件

如何使用原型自动调整文本区域的大小?