Ext.onReady(function(){
var config = { fields:['module'],
data:[['新建'],['删除'],['增加']};
var store = new Ext.data.SimpleStore(config);
var top=new Ext.FormPanel({
region:'north',
renderTo:'mainDiv',
frame:true,
labelWidth:75,
width: 920,
height:90,
items:[{
layout:'column',
items:[{
columnWidth:.3,
layout: 'form',
items: [new Ext.form.ComboBox({
id:'user',
fieldLabel:'用户',
triggerAction:'all',
displayField:'admin', //定义要显示的字段
forceSelection:true, //要求输入的值必须在列表中存在
resizable:true, //允许改变下拉列表大小
value:'admin', //默认选择的项
handelHeight:10 //下拉列表中拖动手柄的高度
}),new Ext.form.ComboBox({
id:'module',
fieldLabel:'操作模块',
triggerAction:'all',
store:store,
displayField:'module', //定义要显示的字段
valueField:'module', //定义值字段
mode:'local', //本地模式
forceSelection:true, //要求输入的值必须在列表中存在
resizable:true, //允许改变下拉列表大小
value:'新建', //默认选择的项
handelHeight:10 //下拉列表中拖动手柄的高度
}) ]
},{
columnWidth:.3,
layout: 'form',
items: [ {id:'STime',
name: 'STime',
xtype:'datefield',
format:"Y-m-d",
readOnly:true,
fieldLabel: '时间',
anchor:'95%'
}
,{id:'ETime',
name: 'ETime',
xtype:'datefield',
format:"Y-m-d",
readOnly:true,
fieldLabel: '至',
anchor:'95%'
}
]
},{
columnWidth:.1,
buttons: [{
text: '查询',
handler:function(){
var module = Ext.getCmp("module").getRawValue();//获取选择操作模块的值
var user = Ext.getCmp("user").getRawValue();//获取选择的用户
var STime = Ext.getCmp("STime").getRawValue();//查询开始时间
var ETime = Ext.getCmp("ETime").getRawValue();//查询开始时间
//开始查询日志表
}
}]
}]
}]
});
});

下拉框和日期组件

为Ext添加下拉框和日期组件的更多相关文章

  1. DateGridView中添加下拉框列并实现数据绑定、更改背景色

    1.添加下拉框 代码实现==> using System; using System.Collections.Generic; using System.Windows.Forms; names ...

  2. Revit 命令添加下拉框

    在学习revit制作下拉框时,需要分为三个步骤: 1.创建一个面板(panel). RibbonPanel panel10 = application.CreateRibbonPanel(Global ...

  3. c# dataGridView cell添加下拉框

    应用场景: dataGridView需要某一个cell变成下拉框样式. 思路详解: dataGridVie添加固定格式的row. 代码: DataGridViewRow row = new DataG ...

  4. Excel中添加下拉框

    数据->数据验证->数据验证 设置—>允许下拉框中选择序列,来源中写下拉选项,每个选项之间用逗号隔开

  5. .net添加下拉框

    aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DropDownL ...

  6. jquery 动态添加下拉框 需要增加 煊染 selectmenu("refresh");

    若通过js动态选择下拉框的值必须刷新下拉框,例如:var selArray = $("select#sel");selArray[0].selectedIndex = 1;selA ...

  7. 在ALV界面添加下拉框

    1.在alv界面表单属性中设置 if wa_fieldcat-fieldname = 'YC_MARK'.              wa_fieldcat-edit = 'X'.           ...

  8. DataTables给每一列添加下拉框搜索

    $(document).ready(function() { $('#example').DataTable( { initComplete: function () { var api = this ...

  9. table中添加下拉框

    { file: 'usename', title: '下发用户', width:"20%", align: 'center', templet: function (d) { va ...

随机推荐

  1. 设计模式--单例模式(Singleton pattern)及应用

    单例模式 参考文档: 该文仅介绍spring的单例模式:spring 的单例模式 介绍原理:Spring的单例模式底层实现 参考书籍:漫谈设计模式:从面向对象开始-刘济华.pdf 1. 单例模式解析 ...

  2. 浅谈lvs和nginx的一些优点和缺点

    借鉴一些网上资料整理了简单的比较: LVS的负载能力强,因为其工作方式逻辑非常简单,仅进行请求分发,而且工作在网络的第4层,没有流量,所以其效率不需要有过多的忧虑. LVS基本能支持所有应用,因为工作 ...

  3. SignalR在ASP.NET MVC中的应用

    一.简介 ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指这样一种功能:当所连接的客户端变得 ...

  4. Webservice 实践

    摘要: 实现webservice,spring ws,XFire实现方法未实现.(记得补上~) 1 概述 1.1关键技术 SOAP:简单对象存取协议.是XML Web Service 的通信协议.当用 ...

  5. 计时器C#

    用于测某一方法执行所用的时间: Stopwatch sw = new Stopwatch(); sw.Start(); //功能代码块 sw.Stop(); long totalTime = sw.E ...

  6. wampserver集成包的配置

    1.修改www/index.php    修改如下:                    $projectContents .= '<li><a href="';     ...

  7. 初学Python(三)——字典

    初学Python(三)——字典 初学Python,主要整理一些学习到的知识点,这次是字典. #-*- coding:utf-8 -*- d = {1:"name",2:" ...

  8. nopCommerce 3.9 大波浪系列 之 可退款的支付宝插件(下)

    一.回顾 支付宝插件源码下载地址:点击下载 上篇介绍了使用支付宝插件进行支付,全额退款,部分退款还有插件的多店铺配置,本文介绍下如何实现的. 二.前期准备 插件主要有3个功能: 多店铺插件配置 支付功 ...

  9. 走过夏天,我的H5旅程,一路慢行

    <!DOCTYPE html> <!-- 文档类型声明:让浏览器,按照html5的标准对代码进行解释和执行. 文档类型声明必不可少,而且,必须放在文档最上方. 如果不写文档类型声明, ...

  10. discuz相关总结

    1.dz的下载安装 进入discuz官方网站下载discuz安装包:拷贝出其中的upload目录,重命名为discuz,将discuz目录上传至linux公网服务器: 配置web服务器,nginx或者 ...