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

几天没写了,接着继续,

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//不可编辑
               
            }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ios 技术积累

React Native - 开发工具Atom+Nuclide

Atom 是 Github 开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。启动速度快,提供很多常用功能的插件和主题,可以...

682
来自专栏互联网杂技

Chrome 61 Beta版已支持JavaScript模块,Web支付API,Web Share API和WebUSB

Chrome 61 Beta版:JavaScript模块,桌面支付请求API,Web Share API,以及WebUSB 除非另有说明,否则下述更改适用于An...

2636
来自专栏Create Sun

python 爬虫入门案例----爬取某站上海租房图片

前言   对于一个net开发这爬虫真真的以前没有写过。这段时间开始学习python爬虫,今天周末无聊写了一段代码爬取上海租房图片,其实很简短就是利用爬虫的第三方...

3547
来自专栏黑白安全

利用JavaScript进行后台文件上传getshell

看到一些XSS+CSRF上传的漏洞,这次就学习了一下HTML5的一些新特性,用JavaScript实现了文件上传。攻击者可以向管理员发送一个钓鱼页面,管理员只要...

692
来自专栏小文博客

百度云破限速(安卓+Windows)

3403
来自专栏每日一篇技术文章

微信小程序_01程序结构

注意 AppID 目前个人无法申请,使用企业账号可以申请,我们就选择"无AppID"

692
来自专栏*坤的Blog

Opera福利谷歌

1303
来自专栏知晓程序

想用小程序新能力为 App 引流?且慢!想要用上它可没那么简单

首先,最引人瞩目的是「小程序唤起 App」的功能,它代表小程序与 App 间再添打通通道;其次,公开课上承诺的「标题栏开放自定义」能力,也在此次新能力开放范围中...

691
来自专栏python学习之旅

python appium笔记(二):元素定位

#这里的示例是用android来说明的,xpath应该是通用的,resource-id不太清楚,没配过IOS的环境

871
来自专栏weixuqin 的专栏

Django 实现购物车功能

  购物车思路:使用 session 功能识别不同浏览器用户,使得用户不管是否登录了网站,均能够把想要购买的产品放在某个地方,之后随时可以显示或修改要购买的产品...

753

扫描关注云+社区