效果如图,亲测6.2.1版本可用,用法同时间选择控件 //月弹窗扩展 //只选月 Ext.define('ux.picker.Month', { extend: 'Ext.picker.Month', alias: 'widget.uxMonthpicker', alternateClassName: 'ux.uxMonthPicker', afterRender: function () { var me = this; //取消监听mousedown事件,否则无法触发事件 me.el.on(…

效果如图,亲测6.2.1版本可用,用法同时间选择控件 //只选择年的控件 Ext.define('ux.picker.Year', { extend: 'Ext.Component', alias: 'widget.uxYearpicker', alternateClassName: 'ux.uxYearpicker', cls: 'uxYearpicker', isYearPicker: true, focusable: true, childEls: [ 'bodyEl', 'prevEl'…

效果如图,亲测6.2.1版本可用 /** *支持快速选择日期的日期控件 */ Ext.define('ux.form.field.GridDate', { extend: 'Ext.form.field.Date', alias: 'widget.gridDateField', requires: ['ux.picker.GridDate'], pickerGrid: { store: { //默认配置 data: [{ value: 30, text: '一个月后' }, { value: 9…

注意需要引入KindEditor相关资源 //所见所得编辑器 Ext.define('ux.form.field.KindEditor', { extend: 'Ext.form.field.TextArea', alias: 'widget.kindEditor', xtype: 'kindEditor', //最大文本长度 maxLength:5000, //配置 editorConfig: { //选项功能 items: [ 'source', '|', 'undo', 'redo', '…

//验证码控件 Ext.define('ux.form.field.Verify', { extend: 'Ext.container.Container', alias: ['widget.fieldVerify'], requires: ['Ext.Img', 'Ext.form.field.Text'], layout: { type: 'hbox', align: 'stretch' }, config: { //文本框内刷新按钮 refresh: false, //文本框 textfi…

/** * A Picker field that contains a tree panel on its popup, enabling selection of tree nodes. * 动态绑定store,修复火狐点击穿透bug * 水平有限,可能有新坑 */ Ext.define('ux.form.field.TreePicker', { extend: 'Ext.form.field.Picker', xtype: 'uxTreepicker', mixins: ['Ext.uti…

//支持bind绑定store //列表搜索扩展,支持本地查询 //支持树形菜单本地一级菜单查询 Ext.define('ux.form.field.SearchField', { extend: 'Ext.form.field.Text', alias: 'widget.uxSearchfield', defaultBindProperty: 'store', mixins: ['Ext.util.StoreHolder'], triggers: { clear: { weight: 0, c…

效果如图: 扩展源码: //扩展 //密码按钮扩展 //支持在密码与非密码之间切换 Ext.define('ux.form.field.Password', { extend: 'Ext.form.field.Text', xtype: 'passFile', requires: ['Ext.form.trigger.Component'], //禁止自动填充 autoComplete: 'off', inputType: 'password', //自定义样式 cls: 'password',…

<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker> 选择今天以及今天之后的日期 data (){   return { pickerOptions0: { disabledDate(time) { return time.ge…

在B/S系统中,下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表, 特别是数据项比较多的时候,用户筛选起来就会很容易. 如果考虑多选的场景,我想以下的实现方式很多时候是能够满足要求的: 带复选框(checkbox)的下拉列表,应该是比较直观和方便了,也很符合用户的习惯. 但是如果数据项太多的时候.滚动条会很长,有两个不足: 1.用户查询自己想要的目标很困难: 2.用户如果需要选择的项很多(>10项),…