- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有办法在日历弹出窗口中显示今天链接或按钮,
所以用户可以快速访问今天的日期?
我知道默认情况下它是突出显示的,但用户询问是因为它在我们拥有的其他应用程序(不是 Dojo)中可用。
我在带有 XPages
的 Domino 服务器上使用 Dojo
。
谢谢
最佳答案
您有两种方法,覆盖小部件并设法在自定义模板中添加按钮,或者只是以编程方式添加它,如下所示:
如果您阅读源代码,您会注意到每次单击 datetextbox
时,方法 openDropDown
都会被调用,其中最后一个弹出窗口被销毁并重新创建一个获得约束,因此您可以使用 oreder 中的函数将按钮绑定(bind)到带有 onclick impl 的弹出窗口小部件,
(添加一些 css 使按钮居中)
您可以尝试以下代码段:
require([ "dojo/dom-construct", "dijit/form/DateTextBox", "dijit/form/Button", "dijit/popup", "dojo/dom", "dojo/aspect", "dijit/registry", "dojo/ready"], function(domConstruct, DateTextBox, Button, popup, dom, aspect, registry, ready) {
ready(function() {
new DateTextBox({},dom.byId("datebox")).startup();
var dateBox = registry.byId("datebox");
aspect.after(dateBox, "openDropDown", function(e){
var calButton = new Button({
label:"Today",
onClick: function(e) {
dateBox.set('value', new Date(), true);
popup.hide(dateBox.dropDown);
}
})
console.log(dateBox.dropDown); domConstruct.place(calButton.domNode,this.dropDown.domNode,"after");
})
});
});
#widget_datebox_dropdown
{
text-align:center;
}
<script type="text/javascript">
dojoConfig = {
isDebug: true,
async: true,
parseOnLoad: true
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet" />
<body class="claro">
<div id="datebox"></div>
</body>
关于javascript - Dojo dojoType "dijit.form.DateTextBox": can it display a "Today" button?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57790418/
我的 Dojo 应用程序包含几个小部件,它们都在 dijit.registry(dijit.WidgetSet 的一个实例)中自动注册。我想利用 filter() ( Link ) 或 map() (
我使用的是 Dojo 工具包版本 1.3.1。我在 jsp 页面中定义了以下 dijit: Zoom In hi
我正在尝试以编程方式创建这样的布局: 我使用的是 dojo 1.7,布局初始化可能存在问题。 这是我的 attempt . 谢谢你帮助我 最佳答案 让BorderContainer设置 Dialog
我有一个包含模板化表单的dijit.dialog。当对话框可见并且我调整窗口大小时,表单高度会减小(即使我增加/减小窗口大小)。是什么导致了这种奇怪的行为以及如何防止它?谢谢。 代码:@LoginFo
我有一个菜单,其内容需要根据用户交互进行显着更改。这意味着需要引入一些新的菜单项,也需要删除一些菜单项。查看 Dojo 已发布的 API 文档,似乎没有一种方法可以在不删除现有项目并从头开始重新创建菜
我有以下小部件 HTML。 后面带有以下 Javascript: /** * Javascript for ExpandableSearchComponen
我正在尝试以编程方式将 dijit/布局/内容 Pane 添加到 dijit/标题 Pane 。我遇到的问题是我无法让内容 Pane 进入标题 Pane ,它被放置在它下面。我的代码是这样的:知道我做
我想要的是一个表单,在提交时运行验证检查,并突出显示所有无效字段并添加工具提示。 我正在有效地寻找这样的东西: dojo.forEach(dijit.byId('myForm')._invalidWi
我已经能够将带有两个 MenuItem 的简单 dijit.Menu 绑定(bind)到带有 Menu.bindDomNode(Tree.domNode) 的 dijit.Tree 的节点,但我想改进
我正在尝试对 dijit/Dialog 的默认行为进行简单的更改。我希望在单击底层(背景)时关闭对话框。 我在以前的 Dojo 化身中做过一次,但我很难用新的 AMD/requireJs 风格来做。
当您使用 dijit.ComboBox 时,提前输入建议将作为 dijit.Menu 实现。我有一个设计要求建议行的匹配部分是正常的,不匹配的部分是粗体。 dojo 创建的结构是这样的:
当我在客户端为我的一个应用程序进行验证时。我脑子里有这些问题。 问题一:dijit.byId('someId').value 和 dijit.byId('someId').get('value') 有
我正在尝试禁用使用 store 填充的 dijit/Form/FilteringSelect 控件中的选项。 遵循本指南:http://dojotoolkit.org/documentation/tu
如何使 titlePane 的高度动态变化,以便在页面加载后向 Pane 添加内容时 TitlePane 会展开? 最佳答案 看起来富内容编辑器是一个异步加载的 iframe 混淆了初始布局。 正如@
我似乎找不到一种方法来要求过滤选择输入具有一定的长度。我试过这样: new dijit.form.FilteringSelect({ 'name': 'bla', 'store': j
我对 Dojo 比较陌生,正在尝试掌握 dijit 的窍门。在此处查阅 Dojo 的 dijit/form/Button 小部件的文档后: http://dojotoolkit.org/referen
我有一个 Dijit Dialog (jsfiddle) 以编程方式创建。当调用对话框显示时,我会在运行时传递按钮的 id。我正在尝试创建单击事件函数,以在运行时为传递的 id 执行。 但是事件并未执
我有一个场景。在其中一个表单中,3 个一组中有 18 个字段,但一次只能有一组(3 个字段)具有值。任何人都可以告诉我如何以最好的方式做到这一点,是否有类似在 dijit 中创建字段组之类的事情?我可
我正在尝试声明一个 dijit TextBox,但我无法将 focus 事件附加到它。 我试过以声明的方式这样做: alert("hi");
我的对话框定义如下
我是一名优秀的程序员,十分优秀!