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. 【HTML】模板

    <!DOCTYPE html> <head> <base href="http://www.w3school.com.cn/i/" target=&q ...

  2. springMVC 中几种获取request和response的方式

    1.最简单方式:参数 例如: @RequestMapping("/test") @ResponseBody public void saveTest(HttpServletRequ ...

  3. App 组件化/模块化之路——Android 框架组件(Android Architecture Components)使用指南

    面对越来越复杂的 App 需求,Google 官方发布了Android 框架组件库(Android Architecture Components ).为开发者更好的开发 App 提供了非常好的样本. ...

  4. 深搜(DFS)广搜(BFS)详解

    图的深搜与广搜 一.介绍: p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: justify; orp ...

  5. cve-2017-0199&metasploit复现过程

    CVE-2017-0199 WORD/RTF嵌入OLE调用远程文件执行的一个漏洞.不需要用户交互.打开文档即中招 首先更新msf到最新,据说最新版简化了利用过程,不需要开启hta这一步.但没测成功 还 ...

  6. Java的三种代理模式简述

    本文着重讲述三种代理模式在java代码中如何写出,为保证文章的针对性,暂且不讨论底层实现原理,具体的原理将在下一篇博文中讲述. 代理模式是什么 代理模式是一种设计模式,简单说即是在不改变源码的情况下, ...

  7. Fancytree Javascript Tree的入门使用

    Fancytree Javascript Tree的入门使用 一.概念----是做什么的能干什么 Fancytree是一个Javascript控件,它依赖于: <script src=" ...

  8. HTML <hr>标签

    HTML的<hr>标签用来插入一个水平分割线以把文档分成几部分. 水平线通常显示为一条突出的或者凹下去的线条. 在页面中特定的位置插入水平线,既能使页面的结构清晰,又能使整个页面显得美观, ...

  9. maven系列小技巧之Top3 MVQ(most valuable question)

    首先声明,文章系个人原创 ,欢迎转载,转载请注明出处. 对于maven,有大神曾说过:如果你爱他,就请让他用Maven,因为那里是天堂,如果你恨他,就请让他用Maven,因为那里是地狱.尤其是mave ...

  10. 扩展Python模块系列(一)----开发环境配置

    本系列将介绍如何用C/C++扩展Python模块,使用C语言编写Python模块,添加到Python中作为一个built-in模块.Python与C之间的交互目前有几种方案: 1. 原生的Python ...