Extjs 项目中常用的小技巧,也许你用得着(3)
小编:管理员 597阅读 2022.09.06
几天没写了,接着继续,
1.怎么获取表单是否验证通过:
form.isValid()//通过验证为true复制
2.怎样隐藏列,并可勾选:
hidden: true,复制
如果是动态隐藏的话:
grid.getColumnModel().setHidden(1,true); //1 代表要隐藏的列所在位置,true代表隐藏复制
3.怎样隐藏列,并不可勾选(这个必须配合上边那个一块用)
hideable: false,复制
4.怎样设置简单查询,如果所示:
tbar: { xtype: 'toolbar', frame: true, border: false, padding: 2, items: [ { xtype: 'textfield', emptyText: '请输入关键字...', width: 220, id: 'queryITGText' }, { xtype: 'tbspacer', width: 5 }, { xtype: 'button', iconCls: 'icon-query', text: '条件查询', handler: queryStore, scope: this }, '-', { xtype: 'tbspacer', width: 5 }, { xtype: 'button', text: '显示全部', handler: function () { InterfaceTrackStore.loadPage(1); } } , '-', { xtype: 'button', text: '清空数据', handler: DeleteAll } ]复制
5.怎样将参数放入参数列表里(这也是实现上边查询的关键所在
var lastOptions = InterfaceTrackStore.lastOptions; var addOptions = { params: { search: 'targetString' } } //将参数放入参数列表里 var newOptions = Ext.apply(lastOptions, addOptions);复制
6.ExtJs定时刷新
var task = { run : function() { Ext.Ajax.request( { url : "url", timeout : 30000, success : function(res) { //请求响应 }); }, interval : 1000 // 1 second } Ext.TaskManager.start(task);//启动定时器复制
7.下拉列表Combo的使用:
{ xtype: 'combo', fieldLabel: '支付方式', id: 'payType', anchor: '90%', store: new Ext.data.ArrayStore({ fields: ['text'], data: [['全部'], ['现金支付'], ['银行卡支付'], ['就诊卡支付']] }), emptyText: '请选择', queryMode: 'local', triggerAction: 'all', displayField: 'text', editable :false//不可编辑 }复制
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…