zoukankan      html  css  js  c++  java
  • Extjs 实用——不定时更新

    用Ext做项目,总结的一些属性针对不同控件

    1.grid 中,编辑表格内容时的点击变输入框

     plugins: [cellEditing]         //点击变输入框
    columns:[{              //在需要变书入框的列中加入以下需要的类型
          field: {

                 xtype: 'datefield'
                }

    }]

    2.输入框内容验证

    msgTarget: 'side',             //错误显示叹号
    validator: function (value) {      //验证内容
                   if (value > 0 && value <= 1) {
                        return true;
                   }
               }

    3.只可操作当前窗口(在页面中弹出小窗口)

    modal:true   //只可操作当前窗口,在弹出窗口中必不可少的属性

    4.gridPanel 中默认会有列排序的功能

    menuDisabled : true,    //隐藏gridPanel中排序和列菜单按钮

    5.  grid 需要的分页控件

    dockedItems: [{        //gridPanel 分页
                    xtype: "pagingtoolbar",
                    store: store,   //获得的分页数据 
                    dock: "bottom",
                    displayInfo: true
                }]

    6. gridPanel 中设置 align:'center '表头和表格体中的内容都会居中。但有时需要表头内容居中,表格体内容居左,那就要这样写了

    columns:[{
      header:'<div style="text-align:center">编号</div>',     //gridPanel中表头居中内容居左
      align: 'left'
    }]

    7. extjs 中的文字是默认不能被选中的

    viewConfig:{
                    enableTextSelection:true       //grid中文本可以被选中
                },

     8.grid单元格文字换行

    renderer : function (value, meta, record) {
                        meta.style = 'white-space:normal;word-break:break-all;';
                        return value;
                    }

     9.Ext.form.field.Number 数字输入框

    10.Ext.form.TextField  文本输入框

     11. JSON 与Object 格式转换

       Ext.JSON.decode(String json);   //返回 Object

       Ext.JSON.encode(Object o);     //返回String

    12、Ext.grid.Panel 表格详解

    13、常用正则

    //验证中文姓名正则
        var nameREG = /^[u4e00-u9fa5]{2,4}$/;
        //验证身份证号正则
        var idcardREG = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/;
        //验证手机号正则
        var phoneREG = /^1[3|5|7|8|][0-9]{9}$/;
  • 相关阅读:
    Centos7.x做开机启动脚本
    贝叶斯方法之一
    R程序包
    c#调用R
    感悟--不可抗拒的行为
    IP等级
    词语
    关于editplus设置java和c#
    csc命令
    editplus配置csharp
  • 原文地址:https://www.cnblogs.com/webRongS/p/5649409.html
Copyright © 2011-2022 走看看