1. Ext.onReady(function(){
  2. var config = { fields:['module'],
  3. data:[['新建'],['删除'],['增加']};
  4. var store = new Ext.data.SimpleStore(config);
  5. var top=new Ext.FormPanel({
  6. region:'north',
  7. renderTo:'mainDiv',
  8. frame:true,
  9. labelWidth:75,
  10. width: 920,
  11. height:90,
  12. items:[{
  13. layout:'column',
  14. items:[{
  15. columnWidth:.3,
  16. layout: 'form',
  17. items: [new Ext.form.ComboBox({
  18. id:'user',
  19. fieldLabel:'用户',
  20. triggerAction:'all',
  21. displayField:'admin', //定义要显示的字段
  22. forceSelection:true, //要求输入的值必须在列表中存在
  23. resizable:true, //允许改变下拉列表大小
  24. value:'admin', //默认选择的项
  25. handelHeight:10 //下拉列表中拖动手柄的高度
  26. }),new Ext.form.ComboBox({
  27. id:'module',
  28. fieldLabel:'操作模块',
  29. triggerAction:'all',
  30. store:store,
  31. displayField:'module', //定义要显示的字段
  32. valueField:'module', //定义值字段
  33. mode:'local', //本地模式
  34. forceSelection:true, //要求输入的值必须在列表中存在
  35. resizable:true, //允许改变下拉列表大小
  36. value:'新建', //默认选择的项
  37. handelHeight:10 //下拉列表中拖动手柄的高度
  38. })
  39.  
  40. ]
  41. },{
  42. columnWidth:.3,
  43. layout: 'form',
  44. items: [ {id:'STime',
  45. name: 'STime',
  46. xtype:'datefield',
  47. format:"Y-m-d",
  48. readOnly:true,
  49. fieldLabel: '时间',
  50. anchor:'95%'
  51. }
  52. ,{id:'ETime',
  53. name: 'ETime',
  54. xtype:'datefield',
  55. format:"Y-m-d",
  56. readOnly:true,
  57. fieldLabel: '至',
  58. anchor:'95%'
  59. }
  60. ]
  61. },{
  62. columnWidth:.1,
  63. buttons: [{
  64. text: '查询',
  65. handler:function(){
  66. var module = Ext.getCmp("module").getRawValue();//获取选择操作模块的值
  67. var user = Ext.getCmp("user").getRawValue();//获取选择的用户
  68. var STime = Ext.getCmp("STime").getRawValue();//查询开始时间
  69. var ETime = Ext.getCmp("ETime").getRawValue();//查询开始时间
  70. //开始查询日志表
  71. }
  72. }]
  73. }]
  74. }]
  75. });
  76. });

下拉框和日期组件

为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. 第一回:Scrapy的试水

    前言:今天算是见到Scrapy的第二天,之前只是偶尔查了查,对于这个框架的各种解释,我-----都-----看------不------懂----,没办法,见面就是刚. 目的:如题,试水 目标:< ...

  2. CentOS安装配置MySql数据库

    CentOS版本7.2,MySql版本5.7 1.下载MySql安装源     wget https://dev.mysql.com/get/mysql57-community-release-el7 ...

  3. SpringMVC+MyBatis 事务管理一

    前言 spring事务管理包含两种情况,编程式事务.声明式事务.而声明式事务又包括基于注解@Transactional和tx+aop的方式.那么本文先分析编程式注解事务和基于注解的声明式事务. 编程式 ...

  4. Hbase 基础 - shell 与 客户端

    版权说明:  本文章版权归本人及博客园共同所有,转载请标明原文出处(http://www.cnblogs.com/mikevictor07/),以下内容为个人理解,仅供参考. 一.简介 Hbase是在 ...

  5. 防止DDoS攻击的方式

    针对企业的DDoS攻击持续增长,根据Akamai的调查报告,2015年DDoS攻击增长了史无前例的180% !面对 DDoS 攻击性挑战,我们应该建立有效的防御体系来抵御攻击.   1.网站IP减少公 ...

  6. [js高手之路] es6系列教程 - 对象功能扩展详解

    第一:字面量对象的方法,支持缩写形式 //es6之前,这么写 var User = { name : 'ghostwu', showName : function(){ return this.nam ...

  7. C++ STL 优先队列详解

    一.解释: 优先队列是队列的一种,不过它可以按照自定义的一种方式(数据的优先级)来对队列中的数据进行动态的排序,每次的push和pop操作,队列都会动态的调整,以达到我们预期的方式来存储. 例如,将元 ...

  8. swift 录制多个音频 并将音频转换为mp3 并合成多个mp3文件为一个文件

    我的需求是可以录制多个文件,最后生成的文件格式为mp3形式,查了下各种资料,因为swift无法直接将音频录制为mp3格式,所以最后我采取的解决方案为先将每个单独的文件转为mp3,最后逐一合并形成一个m ...

  9. Trailing Zeroes (III)

    You task is to find minimal natural number N, so that N! contains exactly Q zeroes on the trail in d ...

  10. 有關於USB保固

    ================================================= 版權聲明:如需轉載,請列明出處:HingAglaiaWong@博客園 支持原創,是對作者最好的的鼓勵 ...