ux.form.field.Year 只能选年的时间扩展

效果如图,亲测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'…

ux.form.field.Month 只能选年、月的时间扩展

效果如图,亲测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(…

ux.form.field.SearchField 列表、树形菜单查询扩展

//支持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…

ux.form.field.KindEditor 所见所得编辑器

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

ux.form.field.Verify 验证码控件

//验证码控件 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…

ux.form.field.TreePicker 扩展，修复火狐不能展开bug

/** * 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…

ux.form.field.Password 密码与非密码状态切换

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

ux.form.field.GridDate 支持快速选择日期的日期控件

效果如图,亲测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…

Wdatepick控件只能选当前时间以前的时间

WdatePicker限制只能选当天,只能选以前的时间 (1)WdatePicker限制只能选以前的时间(不能选当天): onfocus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" (2)WdatePicker限制只能选当天的时间: onfocus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y…

一款不错的多选下拉列表利器—— Ext.ux.form.SuperBoxSelect

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

Ext.ux.form.SuperBoxSelect

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

ExtJs文件上传(Ext.ux.form.FileUploadField)

Ext.ux.form.FileUploadField = Ext.extend(Ext.form.TextField, { /** * @cfg {String} buttonText The button text to display on the upload button (defaults to * 'Browse...'). Note that if you supply a value for {@link #buttonCfg}, the buttonCfg.text *…

react.js Warning: Failed form propType: You provided a value prop to a form field without an onChange handler. This will render a read-only field.

错误信息: eact.js:20483 Warning: Failed form propType: You provided a value prop to a form field without an onChangehandler. This will render a read-only field. If the field should be mutable use defaultValue. Otherwise, set either onChange or readOnly.…

React报错之You provided a `checked` prop to a form field

正文从这开始~ 总览当我们在多选框上设置了checked 属性,却没有onChange 处理函数时,会产生"You provided a checked prop to a form field without an onChange handler"错误.为了解决该错误,可以使用defaultChecked 属性,或者在表单字段上设置onChange 属性. 这里有个例子用来展示错误是如何发生的. // App.js export default function App() {…

ExtJs之Ext.form.field.TimePicker DatePicker组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/…

ExtJs之Ext.form.field.ComboBox组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/…

ExtJS4.2学习(17)表单基本输入控件Ext.form.Field（转）

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html ------------------------------------------------------------------------------------------- Ext.form.Field是所有表单输入控件的基类,其他的输入控件都是基于Ext.form.Field扩展得来的. Ext.form.Field…

重写 Ext.form.field 扩展功能

直接代码,放项目overrides文件夹中即可 //重写类表单父类 //支持allowBlank动态绑定 Ext.define("override.form.field.Base", { override: "Ext.form.field.Base", //标签文字右对齐 labelAlign: 'right', setAllowBlank: function (value) { this.allowBlank = value; //如果不验证必填项,执行一下验证…

Ext.form.field.Picker (ComboBox、Date、TreePicker、colorpick.Field)竖向滚动导致布局错误

ComboBox.Date.TreePicker.colorpick.Field这些继承了Ext.form.field.Picker的控件. 在6.0.0和6.0.1中,在界面中存在竖向滚动条时,点击选择弹出选择框->隐藏选择框->上下滚动界面->点击选择弹出选择框->界面布局出错解决方案,重写Ext.form.field.Picker,代码如下: //修复布局bug Ext.define("override.form.field.Picker", { ove…

ExtJs Ext.form.field.TextArea+Ckeditor 扩展富文本编辑器

Ext.define("MyApp.base.BaseTextArea", { extend: "Ext.form.field.TextArea", xtype: "BaseTextArea", editor: null, initComponent: function() { this.callParent(); this.on("afterrender", this.handlerAfterrender); }, hand…

easyui-combotree 只能选叶子未级

easyui-combotree 只能选叶子未级 function edit_dg() { //选中一行,获取这一行的属性的值 var selected = $('#tbClientListBrows').datagrid('getSelected'); //判断是否选中 if (selected != null) { $('#txtmid').combotree({ url: '/ashx/Client/tbClientClass.ashx?action=comb&pid=' + select…

hdu2049 不容易系列之(4)——考新郎错排+组合一共有N对新婚夫妇,N个新娘随机坐成一排，每个新郎只能选一个，其中有M个新郎找错了新娘,求发生这种情况一共有多少种可能.

不容易系列之(4)——考新郎 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 37629 Accepted Submission(s): 13786 Problem Description 国庆期间,省城HZ刚刚举行了一场盛大的集体婚礼,为了使婚礼进行的丰富一些,司仪临时想出了有一个有意思的节目,叫做"考新郎",具体的操作…

47. Ext.form.Field.prototype.msgTarget

转自:https://blog.csdn.net/a1542aa/article/details/24295791 ExtJS.form中msgTarget Ext表单提示方式:msgTarget:有4中方式:qtip,title,under,side Ext.onReady(function(){ Ext.BLANK_IMAGE_URL="resources/images/default/s.gif"; Ext.QuickTips.init();// 初始化显示提示信息.没有它提…

学习EXTJS6（8）基本功能-表单的基础表字段Ext.form.field.Basic

Ext.form.field.Basic是表单字段的基类. Ext.form.field.Text Ext.form.field.TextArea Ext.form.field.Number Ext.form.field.Checkbox and Ext.form.field.Radio Ext.field.CheckboxGroup and Ext.form.RadioGroup Ext.form.field.Trigger触发字段=>Ext.form.field.Text…

[Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.

在用ant-design-vue的框架中,使用到了这种场景,就是点击编辑按钮,弹出modal模态框,渲染modal模态框中的form表单页面,并给表单赋值,但是在给表单赋值的时候,总是会报错. 错误提示: Warning: You cannot set a form field before rendering a field associated with the value. 经过一番查找后发现,造成这种原因一般有以下几个原因: 1.使用了表单的方法setFieldsValue(),来设置一…

linux修改服务器时区并使用所选时区的时间

linux 修改服务器时区并使用所选时区的时间(以 ubuntu18.04 修改为美国芝加哥时区为例) 一.修改时区 /usr/bin/tzselect 1.选择地区, 美洲地区: 2 2.选择国家, 美国: 49 3.选择时区, 中部时区: 11 4.确认修改: 1 二.修改时间为所选择的时区的当前时间 sudo cp /usr/share/zoneinfo/America/Chicago /etc/localtime 三.…

layui-xtree 设置单选框，只能选一个

以下是js代码,首先获取所有节点,再设置只有当前点击的节点状态为选中状态 $.ajax({ type: 'get', url: url, error: function(err){ layer.alert(JSON.stringify(err.field), { title: '错误提示' }) }, success: function(res){ if(res.code == 0){ userRoleTree = new layuiXtree({ elem: 'userRoleTree' //…