Ext中常用的属性

最新推荐文章于 2018-09-07 14:47:00 发布

周厉

最新推荐文章于 2018-09-07 14:47:00 发布

阅读量1.1k

点赞数

分类专栏： ext框架文章标签： ext

本文链接：https://blog.csdn.net/qq_15237993/article/details/53129723

版权

ext框架专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
路径，项目和主机端口号
<head>
    <base href="<%=basePath%>">
head中使用
<jsp:include page="../Shared/_LayoutExtJS.jsp"/>
<script type="text/javascript" src="<%=path%>/extjs/UserControl/PageComboResizer.js"></script>
引用js引用jsp
Ext.onReady(function () {
准备方法
Ext.tip.QuickTipManager.init();
提示初始化
var conName = new Ext.form.field.Text({
    name: 'name',  标识
    fieldLabel: '姓名', 组件名
    labelWidth: 40,组件宽
    width: 160,
    readOnly: false 只读
});
var conBgDate = new Ext.form.field.Date({ 日期对象
    name: 'bgDate',
    fieldLabel: '开始时间',
    format: 'Y-m-d', 格式
    maxValue: new Date(), 最大值初始值
    value: MyDateUtil.dateToStr('yyyy-MM-01', new Date()), 
    maxLength: 20,
    labelAlign: 'right',主键样式
    allowBlank: false,
    labelWidth: 60,
    editable: false,可修改
    width: 180,
    listeners: {监听事件
        //添加日期选择事件
        "select": function (field, value) {
            conEndDate.setMinValue(value);设置最小值
        }
    }
});
var btnSearch = new Ext.button.Button({
    text: '查询', 按钮文本
    glyph: 'xf021@FontAwesome',图标
    handler: function () {
        storeTVisitorRegister.load();事件
    }
});
hidden: true,
隐藏属性
//创建数据源[数组数据源]
var comboStore = new Ext.data.ArrayStore({ 数组 
    fields: ['key', 'value'],字段
    data: [['—请选择—', ''], ['是', '1'], ['否', '0']]数据
});
//创建Combobox
var conHasLeave = new Ext.form.ComboBox({ 下拉框
    name: 'hasleave',
    fieldLabel: '是否离开',
    store: comboStore, 数据源
    labelWidth: 60,
    width: 180,
    displayField: 'key',显示的字段
    valueField: 'value',传到后台的字段
    triggerAction: 'all',触发事件
    emptyText: '请选择...',空文本
    editable: false,
    mode: 'local',
    listeners: {
        change: function () {
            storeTVisitorRegister.load();
        }
    }
});
var tbar = Ext.create('Ext.toolbar.Toolbar', {
    layout: {
        overflowHandler: 'Menu' 布局
    },
    items: [conName, conBgDate, conEndDate, conHasLeave, '->', btnAdd, btnStop, btnChange, btnSearch] 工具栏元素列表，'->'分隔
});
工具栏
新建对象
允许为空
allowBlank:false

组件不能修改，可以选择，日历组件或者下拉框
editable:false,

添加文本框验证

vtype:'mobile'

渲染功能，date格式化，显示的效果改变

renderer:Ext.util.Format.dateRenderer('Y-m-d')

选中组件，修改组件属性

Ext.getCmp("saveID").setVisible(false);

var form = this.up('form').getForm();

getStore():获取表格的数据集
getAt():获取该数据集cell[0]行

get():获取该行colname的数据

var celldata = gridFactory.getStore().getAt(0).get("suppliercode");

获取gridFactory表格第一行id为 suppliercode

前台获取后台session里的值

session.setAttribute( " supcode " ,sysUserSupplier.getSuppliercode()) ;

<%= s.getAttribute( "supcode" ) %>

周厉

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Ext中常用的属性

editable:false,组件不能修改，可以选择，日历组件或者下拉框vtype:'mobile'添加文本框验证
复制链接

扫一扫

专栏目录