ExtJS 动态增加与删除items,动态设置textField可见与否
2010-01-08 13:36
399 查看
现在要使用的是在center-panel中将gridpanel去掉,换成一个treepanel
于是乎,就写了如下代码:
var items=Ext.getCmp('center-panel').items;
for(var i=0;i<items.length;i++){
Ext.getCmp('center-panel).remove(items[i]);
}
var treePanel=new Ext.tree.TreePanel({....})
(treepanel 的定义看在Ext Tree分类中~,链接:Ext-tree专题)
然后:
Ext.getCmp('center-panel').add(treePanel).doLayout();
这样,就实现在了在Ext.Viewport中动态添加/删除panel的功能
来自:http://faceye.com/haipeng/article/402881e421973ac00121a4a2129a00d4.html
Ext.getCmp('textFieldId').setVisible(false);
Ext.getCmp('textFieldId').getEl().up('.x-form-item').setDisplayed(false);
/**
*动态设置fieldLabel的值与
*动态设置是否可见
*/
if (bFlag){
mNextDate.el.parent().parent().parent().first().dom.innerHTML = '下次年审日期';
mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '年审日期';
mReviewProject.setVisible(true);
mReviewProject.getEl().up('.x-form-item').setDisplayed(true);
mReviewContent.setVisible(true);
mReviewContent.getEl().up('.x-form-item').setDisplayed(true);
mReviewState.setVisible(false);
mReviewState.getEl().up('.x-form-item').setDisplayed(false);
}else{
mNextDate.el.parent().parent().parent().first().dom.innerHTML = '结束时间';
mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '起始时间';
mReviewProject.setVisible(false);
mReviewProject.getEl().up('.x-form-item').setDisplayed(false);
mReviewContent.setVisible(false);
mReviewContent.getEl().up('.x-form-item').setDisplayed(false);
mReviewState.setVisible(true);
mReviewState.getEl().up('.x-form-item').setDisplayed(true);
}
于是乎,就写了如下代码:
var items=Ext.getCmp('center-panel').items;
for(var i=0;i<items.length;i++){
Ext.getCmp('center-panel).remove(items[i]);
}
var treePanel=new Ext.tree.TreePanel({....})
(treepanel 的定义看在Ext Tree分类中~,链接:Ext-tree专题)
然后:
Ext.getCmp('center-panel').add(treePanel).doLayout();
这样,就实现在了在Ext.Viewport中动态添加/删除panel的功能
来自:http://faceye.com/haipeng/article/402881e421973ac00121a4a2129a00d4.html
Ext.getCmp('textFieldId').setVisible(false);
Ext.getCmp('textFieldId').getEl().up('.x-form-item').setDisplayed(false);
/**
*动态设置fieldLabel的值与
*动态设置是否可见
*/
if (bFlag){
mNextDate.el.parent().parent().parent().first().dom.innerHTML = '下次年审日期';
mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '年审日期';
mReviewProject.setVisible(true);
mReviewProject.getEl().up('.x-form-item').setDisplayed(true);
mReviewContent.setVisible(true);
mReviewContent.getEl().up('.x-form-item').setDisplayed(true);
mReviewState.setVisible(false);
mReviewState.getEl().up('.x-form-item').setDisplayed(false);
}else{
mNextDate.el.parent().parent().parent().first().dom.innerHTML = '结束时间';
mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '起始时间';
mReviewProject.setVisible(false);
mReviewProject.getEl().up('.x-form-item').setDisplayed(false);
mReviewContent.setVisible(false);
mReviewContent.getEl().up('.x-form-item').setDisplayed(false);
mReviewState.setVisible(true);
mReviewState.getEl().up('.x-form-item').setDisplayed(true);
}
相关文章推荐
- ExtJS 动态增加与删除items,动态设置textField可见与否
- jquery动态增加text元素以及删除文本内容实例代码
- 动态设置密码可见与否
- ExtJS 动态、静态设置ext:field/ext:combbox隐藏
- 巧在C#中设置多维动态数组,可以动态增加及删除
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- ExtJs textfield 增加键盘事件F8
- Extjs 动态隐藏某个textfield以及fieldLabel组件的方法
- 自定义键盘中的删除键TextField上光标位置的获取以及设置光标的位子
- Android学习一——动态添加组件与删除,可见性设置,imagebutton简单使用
- ExtJs textfield 设置边框的样式
- Extjs的textfield的颜色设置和出现的问题笔记
- ExtJs中如何动态添加一个textfield的文本框
- EXT 根据下拉框动态设置值到其他下拉框或者textfield中
- jquery动态增加text元素以及删除文本内容实例代码
- ViewPager设置完FragmentPagerAdapter后动态的进行增加删除Fragment
- jquery动态增加text 元素以及删除文本内容
- Extjs中如何在一行textfield后面增加文字提示
- ExtJs中实现动态给items添加删除数据
- ExtJs中TextField与TextArea的只读属性设置