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

注意需要引入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…

效果如图,亲测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.picker.Month', { extend: 'Ext.picker.Month', alias: 'widget.uxMonthpicker', alternateClassName: 'ux.uxMonthPicker', afterRender: function () { var me = this; //取消监听mousedown事件,否则无法触发事件 me.el.on(…

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

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

在我Boostrap框架中,很多地方需要使用bootstrapTable表格插件和jstree树形列表插件来共同构建一个比较常见的查询界面,bootstrapTable表格插件主要用来实现数据的分页和表格展示,而jstree树形列表插件则是用来展示树形列表,以便快速分类查询的,在很多场合下结合它们两者,可以实现较好的用户体验效果.本篇随笔介绍在Bootstrap开发框架中使用bootstrapTable表格插件和jstree树形列表插件时候,对树列表条件和查询条件的处理,是指在快速展示数据的时候…

我在做Winform界面的时候,一般都是统一化处理,界面顶部放置一些字段条件供查询,下面就是分页查询列表,展示相关的数据.但有时候碰到一些表字段内容分类比较多,有一些特别重要,如果放在一个树形列表来进行快速分类查询,用户体验应该更好.本篇随笔主要介绍如何快速实现树形列表和分页查询整合的WInform程序界面. 1.标准WInform列表界面 标准的查询条件+列表数据展示的WInform界面如下所示. 这个界面主要就是通过代码生成工具(Database2Sharp)进行初期的Winform界面生成…