Extjs 项目中常用的小技巧,也许你用得着(3)

简介: 几天没写了,接着继续, 1.怎么获取表单是否验证通过: form.isValid()//通过验证为true 2.怎样隐藏列,并可勾选: hidden: true, 如果是动态隐藏的话: grid.

几天没写了,接着继续,

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);//启动定时器  
        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//不可编辑
               
            }

 

 

目录
相关文章
|
8月前
|
前端开发 JavaScript 调度
小型的编程项目有哪些值得推荐?这本神书写了 22 个,个个了不得
小型的编程项目有哪些值得推荐?这本神书写了 22 个,个个了不得
66 1
|
8月前
|
移动开发 JavaScript HTML5
分享24个网页游戏源代码,总有一个是你想要的
分享24个网页游戏源代码,总有一个是你想要的
202 0
|
存储 JavaScript 前端开发
20个JS精简代码无形装逼集合,最为致命,记得收藏好
20个JS精简代码无形装逼集合,最为致命,记得收藏好
|
JavaScript 前端开发 API
如何优雅地编写一个高逼格的JS插件惊艳你的领导和同事?
从前端模块化发展历程详细讲解如何开始编写一个JS插件,纯干货。
|
前端开发 JavaScript 算法
js 语法基础送给想要转行前端的小伙伴们
单行注释:// 内容 在网页中按F12可以看到控制台(console)和对所写的代码进行调试。
77 0
|
运维 IDE 大数据
拥有一台服务器是一件很酷的事情
阿里云开发者成长计划服务器体验
210 1
拥有一台服务器是一件很酷的事情
|
前端开发 容器
玩着游戏就把前端知识学了,贼爽!!!
玩着游戏就把前端知识学了,贼爽!!!
|
前端开发 大数据 Java
为什么每个程序员都应该懂点前端知识?
本文作者为 OneAPM 工程师李哲,文章主要介绍前端知识对于编程的必要性。
3741 0

热门文章

最新文章

相关实验场景

更多