小编gri*_*mus的帖子

Extjs日期选择器.在月份更改时突出显示日期

我突出显示日期选择器显示的一个月内的一些日期.这是通过向Picker组件添加highlightDates函数来完成的

Ext.override(Ext.form.field.Picker, {

    highlightDates: function (picker, dates) {

        if (Ext.isEmpty(dates)) return;
        for(var i = 0; i < dates.length; i++) {
            var t = new Date(dates[i].date),
                dtMillis = t.getTime(),
                offset = t.getTimezoneOffset() * 60 * 1000,
                dt = dtMillis + offset,
                cells = picker.cells.elements;  

            for (var c = 0; c < cells.length; c++) {
                var cell = Ext.fly(cells[c]);
                if (cell.dom.firstChild.dateValue == dt) {
                    cell.addCls('cell-highlight');
                    break;
                }
            }
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

传递给上面函数的日期对象是来自控制器中的Ajax调用的变量集.

getDates: function (cmp) {
    var me = this;
    Ext.Ajax.request({
        url: …
Run Code Online (Sandbox Code Playgroud)

extjs

7
推荐指数
1
解决办法
653
查看次数

表单标签和输入元素位于单独的 div 中

我们正在尝试布局表单的 3 列,如下图所示的第二行

在此输入图像描述

标签文本和表单元素的大小和类型可能有所不同,因此事实证明很难根据跨浏览器的要求进行对齐。我们正在尝试多种解决方案,一种可能性是为标签设置单独的行,为输入元素设置单独的行。然后,我们可以将标签垂直对齐到底部,并将输入元素对齐到顶部。

如果我们在标签上包含必要的“for”和“aria”属性以将其关联到输入元素,即使标签和输入元素在源中并不相邻,对于屏幕阅读器来说是否足够?可访问性是我们必须考虑的事情。

感谢您的任何建议。下面拨弄

http://jsfiddle.net/wYdZr/5/

    <div class="container_12" style="background:green;">
    <div class="grid_4 lbl"   >
          <label for="firstName">TR 1 TD 1</label>
    </div>
    <div class="grid_4 lbl">
            <label for="lastName" >Bonorum Fermentum Tortor Adipiscing Pharetra</label>
    </div>
    <div class="grid_4 lbl">
            <label>Bonorum Fermentum Tortor Adipiscing Pharetra Bonorum Fermentum Tortor Adipiscing Pharetra</label>

    </div>
    <div class="clear"></div> 
</div>
<div class="container_12" style="background:yellow;">
    <div class="grid_4">
          <input type="text" id="firstName"/>
    </div>
    <div class="grid_4"><textarea id="lastName"></textarea>
    </div>
    <div class="grid_4">
            <input type="text" id="phone" />
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css accessibility

3
推荐指数
1
解决办法
3689
查看次数

按句点拆分字符串,但如果是句点后的空格则不拆分

我有一个像下面这样的字符串,并希望使用句点字符作为分隔符将名称拆分为数组.遗憾的是,有些名称还包含导致错误拆分的句点字符.我无法修改用于分隔名称的字符.

"John Smith.John Mc. Smith.Jim Smith"
Run Code Online (Sandbox Code Playgroud)

期望的输出

 ["John Smith","John Mc. Smith","Jim Smith"]
Run Code Online (Sandbox Code Playgroud)

以下正则表达式在编辑器https://regex101.com/r/oK6iB8/32中运行良好

但它在Chrome控制台中无效

"John Smith.John Mc. Smith.Jim Smith".split('\.(?=\S)|:')
Run Code Online (Sandbox Code Playgroud)

https://codepen.io/anon/pen/NogQrQ?editors=1111

输出不正确

["John Smith.John Mc. Smith.Jim Smith"]
Run Code Online (Sandbox Code Playgroud)

为什么这在Regex编辑器中有效但在Codepen代码段中没有?

javascript regex

3
推荐指数
1
解决办法
59
查看次数

标签 统计

accessibility ×1

css ×1

extjs ×1

html ×1

javascript ×1

regex ×1