1. Toolbar上的combo控件及其文本标签text同时隐藏/显示:
state = url.slice(1,2);
tbar = new Ext.Toolbar([
{
text: "状态"
,hidden: (state!=='6')
}
,{
xtype: 'combo'
,hidden: (state!=='6')
,name: 'submitState',
id: 'id_SubmitState',
triggerAction: 'all',
forceSelection :true,
lazyInit :false,
editable :false,
width: 89,
store: new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [['', '请选择'], ['2', '合格'], ['3', '不合格'], ['01', '未检查']]
}),
mode: 'local',
valueField: "retrunValue",
displayField: "displayText",
emptyText :'请选择',
listeners: {
select: function(){
try {
t_serachType = 'simp';
searchInfo();
} catch(ex) {
Ext.MessageBox.alert(ex);
}
}
},
anchor: '99%'
}
]);
2. 隐藏 Ext.form.DateField 的触发(trigger)元素并使其所有的文本框(text field)显示格式为Y-m-d(2009-06-18):
2.1
隐藏 Ext.form.DateField 的触发(trigger)元素
items : [{
xtype : 'datefield
',
fieldLabel : '开始日期',
name : 'fillinDate',
id : 'fillinDate',
format: 'Y-m-d
',
hideTrigger: true,
// True to hide the trigger element and display only the base text field(defaults to false)
readOnly: true
,
anchor : '95%'
}]
2.2
使
DateField
所有的文本框(text field)显示格式为Y-m-d(2009-06-18),只要在 js 文件的开头加以下代码即可:
Ext.apply(Ext.form.DateField.prototype, {
altFormats :'Y-m-dTH:i:s',
format :'Y-m-d'
});
3. 在 Grid 中显示日期:
var sm = new Ext.grid.CheckboxSelectionModel({singleSelect: true});
var colM = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), sm,
{header :'开始日期', width :100, sortable :true, renderer: Ext.util.Format.dateRenderer('Y-m-d'), dataIndex :'fillinDate'}
]);
var store = new Ext.data.JsonStore({
url :'../contractIn/viewContractByYearCheckState.action?state=' + state,
storeId :'ds',
root :'contracts',
totalProperty: 'recordCount',
fields : [{name :'fillinDate', type :'date', dateFormat :'Y-m-dTH:i:s'}]
});
4. 如何获得 URl 所携带的参数?
可以利用 location.search 获得 URL 的参数。如不能可以在 location 前面加上 window,即 window.location.search
var url = location.search; // 如果 URL:http://localhost:8080/WebFrame.jsp?0&officeCode,则 url = ?0&officeCode
JS 数组的 slice 方法类似 java String 的 subString 方法。
var state = url.slice(1,2); // 表示从数组 url 中去 index 为1的子字符串,state = 0
var userType = url.slice(3); // 表示从数组 url index 为3开始直到末尾的子字符串,userType = officeCode
可以查 Javascript 的 API
5. Extjs中动态的改变TextFiled的emptyText:
function searchByEmCode() {
var tf = Ext.getCmp("text_Search");
//下面两行用来设置默认值
tf.emptyText = 'searchByEmCode';
tf.setRawValue(tf.emptyText);
tf.show();
}
版权声明:
如果大家要转载本文,我非常荣幸。但请参加转载网址,谢谢!
分享到:
相关推荐
9.5.1 标签面板的构成及其运行流程:ext.tab.panel、ext.tab.bar与ext.tab.tab / 458 9.5.2 标签面板的配置项、属性、方法和事件 / 462 9.5.3 使用标签页 / 463 9.5.4 可重用的标签页 / 465 9.6 视图与选择模型...
67、Ext.Toolbar.TextItem类 ……… 56 68、Ext.Toolbar.Fill类 ……………… 56 69、Ext.grid.ColumnModel类 ……… 58 70、Ext.grid.PropertyColumnModel类 … 59 71、Ext.grid.GridView类 …………… 59 72、Ext....
Android 动态的隐藏/显示Toolbar列表滚动时动态的隐藏/显示Toolbar
第十二章 Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏 103 一、Ext.toolbar.Toolbar 103 二、Ext.toolbar.Paging 115 三、Ext.ux.statusbar.StatusBar 122 第十三章...
ext Panel+toolbar+button 实作带注释 Tom 实作实例,推荐入门学习,不带Ext js lib,请自行加入
67、Ext.Toolbar.TextItem类 ……… 56 68、Ext.Toolbar.Fill类 ……………… 56 69、Ext.grid.ColumnModel类 ……… 58 70、Ext.grid.PropertyColumnModel类 … 59 71、Ext.grid.GridView类 …………… 59 72、Ext....
3.4.1 认识Ext.toolbar.Toolbar 3.4.2 只包含按钮的简单工具栏 3.4.3 包含多种元素的复杂工具栏 3.4.4 启用和禁用工具栏 3.4.5 认识Ext.menu.Menu菜单 3.4.6 最简单的菜单栏 3.4.7 创建二级或多级菜单 3.4.8 ...
var system_add_rent = new Ext.Toolbar({ border : false, items : [{ text : "添加月租金", iconCls : "add10", listeners : { click : function() { add_rent.show(); } ...
7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 ...
这是我刚找来的能替代工具条控件的控件源码,真是佩服啊。感谢作者Richard Moss.原下载地址(http://www.freevbcode.com/ShowCode.asp?ID=344),为什么要替代VB自带的toolbar控件呢?我的理由是减少VB程序对其它外部...
Extjs面包屑添加一名作者我快速而肮脏地尝试制作 Extjs 面包屑扩展。 使用 Extjs 4.1.0 测试这里它运行在... 如果您想让点击面包屑去除面包屑及其上方的所有内容,则将面包屑的事件处理程序替换为 > 文件说明: /index....
在ToolBar工具栏居中添加自定义控件。
7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 ...
精彩编程与编程技巧-放一个Combo到Toolbar中 ...
CompositeControl 实作 Toolbar 控件
监听列表滚动来隐藏或显示Toolbar与浮动按钮,博主账号:gaoxiaoweiandy
richtx32.ocx 富文本框控件,增强文本数据显示 wshom.ocx 是Windows本地脚本对象运行时相关文件 5.未归类 MoveLabel.ocx 不明,没用过 LeftMenu.ocx 不明,没用过 daxctle.ocx 不明,没用过 chklsb26.ocx 好象...
前端项目-leaflet.toolbar.js,用于传单地图的灵活、可扩展的工具栏。
VB专用的漂亮toolbar工具条控件(ctl),一个控件,希望对大家有用哟
-使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...