为Ext添加下拉框和日期组件

时间:2022-09-17 12:03:47
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&lpar;&quot&semi;refresh&quot&semi;&rpar;&semi;

    若通过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. play with make

    1) the VPATH variable In make world, the VPATH variable guide you where to find the .c/.o file 2) th ...

  2. 【Cocos2d-x 3&period;x】屏幕自适应匹配

    在进行游戏开发时, 由于市场上的Android移动设备的分辨率有很多种,而且IOS移动设备的分辨率也不相同,为了能让手游能在90%以上的移动设备较为完美的运行,因此需要考虑屏幕的自适应问题,让一套资源 ...

  3. Bumped Map And Normal Map

    http://freespace.virgin.net/hugo.elias/graphics/x_polybm.htm 先留着,准备以后开垦

  4. Python中super函数的用法

    之前看python文档的时候发现许多单继承类也用了super()来申明父类,那么这样做有何意义? 从python官网文档对于super的介绍来看,其作用为返回一个代理对象作为代表调用父类或亲类方法.( ...

  5. 如何用BMFont制作图片字

    1: 运行程序,单击鼠标左键点亮相应位置的字母,比如:0.1.2./ 等2: 选择 Edit->Open Image Manager.弹出一个“Image Manager" 对话框3: ...

  6. Android基本控件之RadioGroup

    我们在手机上经常看到一堆选项,但是我们只能选择一个,那么在Android中,这个控件就叫做RadioButton,也就是单选按钮的意思,他们之所以能够达到只能选择一个的效果,是因为有一个RadioGr ...

  7. CSS&colon; Float a div on another div&comma; Ex&colon; Text caption on picture

    <style type="text/css"> .figure { width: 316px; height: 205px; display: block; borde ...

  8. 【转】Android属性之build&period;prop,及property&lowbar;get&sol;property&lowbar;set

    简要分析一下build.prop是如何生成的.Android的build.prop文件是在Android编译时收集的各种property(LCD density/语言/编译时间, etc.),编译完成 ...

  9. iOS编程——经过UUID和KeyChain来代替Mac地址实现iOS设备的唯一标示&lpar;OC版&rpar;

    iOS编程——通过UUID和KeyChain来代替Mac地址实现iOS设备的唯一标示(OC版) 很多的应用都需要用到手机的唯一标示,而且要求这个唯一标示不能因为应用app的卸载或者改变而变化. 在iO ...

  10. Android 中LinearLayout控件属性

    id             为控件指定相应的ID        text           指定控件当中显示的文字,需要注意的是,这里尽量使用strings.xml文件当中的字符        g ...