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. UglifyJS-- 对你的js做了什么

    也不是闲着没事去看压缩代码,但今天调试自己代码的时候发现有点意思.因为是自己写的,虽然压缩了,格式化之后还是很好辨认.当然作为min的首要准则不是可读性,而是精简.那么它会尽量的缩短代码,尽量的保持一 ...

  2. (转)Java里的堆(heap)栈(stack)和方法区(method)(精华帖,多读读)

    [color=red][/color]<一> 基础数据类型直接在栈空间分配, 方法的形式参数,直接在栈空间分配,当方法调用完成后从栈空间回收.   引用数据类型,需要用new来创建,既在栈 ...

  3. (转)递归算法的时间复杂度终结篇与Master method

    开篇前言:为什么写这篇文章?笔者目前在学习各种各样的算法,在这个过程中,频繁地碰到到递归思想和分治思想,惊讶于这两种的思想的伟大与奇妙的同时,经常要面对的一个问题就是,对于一个给定的递归算法或者用分治 ...

  4. 【HTML】DocType

    一.docType是什么 <!DOCTYPE> 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 在 HTML 4.01 中,<!D ...

  5. vue.js中使用Axios

    Axios为vue2.0官方推荐HTTP请求工具,之前的是vue-resource 在使用的过程中总结了两种使用方式: 1.和vue-resource使用类似 引入:import axios from ...

  6. CrashMonkey4Android 的安装及使用

    CrashMonkey4Android 的安装及使用 简介 CrashMonkey4Android,是一个依靠Cts框架,对原生Monkey进行改造后的产物,拥有以下新增功能: 保存每一步的截图 保存 ...

  7. win7下从ruby源代码编译安装

    工作中需要在c++代码中嵌入ruby c api,然而在vs工程中编译失败,所以现在通过手动从源代码编译ruby寻找原因(之前使用rubyinstaller安装).   先从官网下载ruby 2.4. ...

  8. Python LeetCode

    Python不熟悉 不同的做法 404. Sum of Left Leaves 这是我的做法,AC. class Solution(object): res = 0 def recursive(sel ...

  9. ABP+AdminLTE+Bootstrap Table权限管理系统第六节--abp控制器扩展及json封装

    一,控制器AbpController 说完了Swagger ui 我们再来说一下abp对控制器的处理和json的封装. 首先我们定义一个控制器,在新增控制器的时候,控制器会自动继承自AbpContro ...

  10. TP3.2写上下篇

    笔记笔记笔记记笔记!! ************************************************************************** 要实现上一篇跟下一篇,需要 ...