专栏首页hbbliyongExtjs 项目中常用的小技巧,也许你用得着(3)

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 条评论
登录 后参与评论

相关文章

  • MySQL 8.0版本连接报错:Could not create connection to database server.

     准备搭建一个Spring Boot 组合mybatis的项目,数据库采用的是MySQL 8.0.11按照以往的配置,使用插件mybatis-generator...

    hbbliyong
  • ExtJS中xtype一览

    基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带...

    hbbliyong
  • Extjs4.2+webAPI+EF实现分页以及webapi的数据传值

    由于不明白分页的总数是怎么计算,不知道他的分页方式所以花费了好多功夫,现在弄出来了与大家分享下 1.首先是EF的简历,想必大家都清楚:添加-〉新建项-〉数据-〉...

    hbbliyong
  • Automate the Boring

    将《Automate the Boring Stuff with Python》的语法部分学完了,开始依葫芦画瓢做第一个项目。

    py3study
  • 递归与动态规划----基础篇2

    ps:最近几天正在刷一些有关动态规划的题,我会把自己学习时的想法以及做题的想法记录下来。如果你觉得对你有帮助,欢迎关注,谢谢。

    帅地
  • Baozi Training Leetcode solution 1169: Invalid Transactions

    FB最近员工跳楼的员工被证实是一位中国员工。死者为大,具体原因目前也不清楚,希望大家也不要过多的猜测。在这里,包子君希望大家一定要学会处理工作和生活中的压力,没...

    包子面试培训
  • mysql8安装后如何修改root密码

    mysql5.7.9之后,就没有了password函数,所以,使用传统的password()函数修改root密码的话,就会提示sql错误

    smy
  • SAP CRM CUSTOMER_H扩展字段的设计原理

    If we add new extension field to include structure INCL_EEW_CUSTOMER_H via AET o...

    Jerry Wang
  • location的hash部分和使用window.onhashchange实现ajax请求内容时使用浏览器后退和前进功能

     在js跨域双向数据传递时可以用iframe加上location.hash来实现,在研究这个的时候深入学习了一下hash的特性。   hash就是uri中#及后...

    ^_^肥仔John
  • 代理模式(Proxy Pattern)- 最易懂的设计模式解析

    b. 使用步骤 步骤1: 创建抽象对象接口(Subject):声明你(真实对象)需要让代购(代理对象)帮忙做的事(买Mac)

    Carson.Ho

扫码关注云+社区

领取腾讯云代金券