ext.js
想养一只!
好好生活 慢慢相遇
展开
-
Uncaught TypeError: Cannot read property ‘events‘ of undefined
使用谷歌调试页面时,出现如下错误提示:Uncaught TypeError: Cannot read property ‘events’ of undefined场景是这样的,我页面中有几个按钮,当点击这几个按钮就会出现如下提示,原本这个按钮的效果应该是出现弹窗的,但是却一直报这样的错,因为我是搞后端的,以为这个问题头疼了半天,怎么都找不到原因,最终一边边测试,终于发现的错误的地方,所以记录分享下。下面是我弹窗内文字框的代码,原因就在其中,就是因为在第15行多打了一个逗号,报错原因确实可笑,还是不够细原创 2020-07-20 15:08:11 · 1742 阅读 · 1 评论 -
替换弹窗中字段显示的值
页面效果:原本状态框中的值是数字,但是为了方便用户查看。所以将数字显示为所对应的文字显示代码://显示框var _txtStatus = factory.CreateWidget('textfield', { name: 'status', fieldLabel: '状态', //下面listeners的内容是添加实现上述效果的 listeners:{ 'render': function (txtStatus原创 2020-05-11 11:48:14 · 163 阅读 · 0 评论 -
renderer的两种使用方式
第一种:页面效果:使用场景:在弹窗字段中使用,由于弹窗中的字段不需要再ui中配置,而是直接在js页面中实现的代码如下:columns: [{ //正常字段显示 header: "姓名", width: 80, sortable: true, dataIndex: 'name' ...原创 2020-05-07 14:54:47 · 11197 阅读 · 1 评论 -
给页面字段中添加一个按钮,点击按钮实现弹窗效果
页面效果:点击按钮后弹窗效果:点击左上角搜索框效果:页面实现代码首先配置一个入住房间字段 <field> <header>入住房间</header> <dataIndex>sendRoom</dataIndex> <sortable&...原创 2020-04-24 17:57:31 · 4734 阅读 · 0 评论 -
在页面中隐藏数据库某信息并显示该信息对应的字典编码名称(后台ssh框架,前台extjs)
在实际项目中应该会遇到这种情况,比如说手指指位字段在数据库中存储的内容是ZW_ZSZZ,ZW_YSDMZ…,这些指位对应的字典编码分别是左手中指,右手大拇指…,当需要在页面中显示手指指位字段信息时,我们不可能将数据库中存储的内容显示给用户看,而是需要将字典编码中对应的名称显示给用户,效果如下图所示:那么我们该如果操作呢?第一步:首先在对应的pojo实体类中的该属性的get方法上,添加注解,效...原创 2020-04-22 11:38:05 · 435 阅读 · 0 评论 -
EXT中给时间控件设置默认值
第一种:设置几年前或几年后+表示几年后 -表示几年前value:new Date().add(Date.YEAR,+7),页面效果:第二种:设置几月前或几月后+表示几月后 -表示几月前value:new Date().add(Date.MONTH,+7),页面效果:第三种:设置几天前或几天后+表示几天后 -表示几天前value:new Date().add(Date...原创 2020-04-15 21:52:48 · 816 阅读 · 0 评论 -
ext时间控件Ext.ux.form.DateTimeField和Ext.form.DateField的用法比较
Ext.ux.form.DateTimeField页面效果 可以精确到年月日时分秒 var _txtEndTime = new Ext.ux.form.DateTimeField({ name: 'endTime', 名称 selectOnFocus: true, allowBlank: false, 不能为空 val...原创 2020-04-15 16:28:28 · 1384 阅读 · 6 评论 -
EXC中时间控件的使用
EXC中时间控件的使用第一种:用户可以自主选择时间页面效果:对应代码:format: ‘Y-m-d H:i:s’,是时间格式,可以自己选择,Y-m-d H:i:s按照顺序分别对应的是年月日时分秒。 var _txtStartTime = { xtype: 'datefield', name: 'startTime', ...原创 2020-04-15 11:43:39 · 713 阅读 · 0 评论 -
在EXT中向弹窗传值或者对象
在EXT中向弹窗传值(数组结构)利用record属性来传输retList这个值new slms.ShowPassword({ title:'一次性密码', className: config.className, record:retList, showMode:oneTime }).show(...原创 2020-04-15 11:34:08 · 534 阅读 · 0 评论 -
在EXT中前后台传数据的方式
后台向前台页面传输数据首先在后台接口层中定义一个全局变量,用来存储结果集private List retList;然后在调用service层方法时,用这个变量来接收方法返回值this.retList = service.text();然后在extjs中获取这个结果集var retList = Ext.decode(response.responseText).retList;...原创 2020-04-15 11:25:30 · 869 阅读 · 0 评论 -
ext.js组件的基本操作
MessageBox组件//Ext.onReady 准备函数 类似于window.onloadExt.onReady(function(){ //提示信息// Ext.MessageBox.alert('我是标题!' , 'Hello World!' , function(){// console.info(this);// alert('我是回调函数!');// } , t...原创 2020-03-30 16:31:46 · 449 阅读 · 0 评论