`
275012124
  • 浏览: 36932 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ext自定义类型

阅读更多
var _window = new Ext.form.FormPanel({
title:'查询条件',
renderTo: document.body,
width:820,
height:60,
frame:true,
items:[new Ext.Panel({
layout : 'column',
width :  810,
labelWidth :  70,
items : [{
layout : 'form',
width :  400,
items : [{
xtype:'textfield',
name:'resName',
fieldLabel:'资源名称',
id:'resName',
width:250
}]
}, {
layout : 'form',
width :  400,
labelWidth :  70,
items : [{
id:'resType',
xtype:'combo',
fieldLabel:'资源类型',
value:'',
readOnly:true,
triggerAction:'all',//设置触发数据的方式,默认是query
mode:'local',//这是数据提供的类型
displayField :'resType',//如果mode不是local就不需要写
store:new Ext.data.SimpleStore({
fields:["resType"],
data:[["CMDB资源"],["模型视图类"]]
}),

width:120
}]
}]
}),
new Ext.Panel({
layout : 'column',
width :  810,
labelWidth :  70,
items : [{
layout : 'form',
width :  400,
items : [{
xtype:'textfield',
name:'resDomain',
fieldLabel:'所属域',
id:'resDomain',
width:250
}]
}, {
layout : 'form',
width :  400,
labelWidth :  70,
items : [{
id:'permissionName',
xtype:'combo',
fieldLabel:'所属权限',
value:'',
readOnly:true,
triggerAction:'all',//设置触发数据的方式,默认是query
mode:'local',//这是数据提供的类型
displayField :'permissionName',//如果mode不是local就不需要写
store:new Ext.data.SimpleStore({
fields:["permissionName"],
data:[["生成工单"],["查看告警"],["查看资源详情"]]
}),

width:120
}]
}]
})],
buttons:[{
text:'查询',
handler:function(){
_store.reload();
}
},{
text:'条件清空',
handler:function(){
_window.getForm().reset();
}
}]
});


    var _column = new Ext.grid.ColumnModel([
    {dataIndex:"index",header:"序号",width:50,menuDisabled :true,align :'center'},
{dataIndex:"name",header:"资源名称",width:150,menuDisabled :true,align :'center'},//dataIndex是和store的数据字段绑定
{dataIndex:"resDomain",header:"所属域",width:150,menuDisabled :true,align :'center'},
{dataIndex:"resType",header:"资源类型",width:150,menuDisabled :true,align :'center'},//menuDisabled是让菜单没有子菜单
//{dataIndex:"sys",header:"所属系统",width:150,menuDisabled :true,align :'center'},
{dataIndex:"permissionName",header:"所属权限",width:300,menuDisabled :true,align :'center'}
]);
var _data = [
<s:iterator value="userAuthorResList" status="idx" >
[
'${name}',
'<s:property value="resourceClass.name"></s:property>',
'<s:property value="systemModule.name"></s:property>'
]
<s:if test="%{!#idx.last}">
,
</s:if>
</s:iterator>
];


/** var _store = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(_data),
reader:new Ext.data.ArrayReader({id:0},[
{name:'name'},
{name:'resType'},
{name:'sys'}
])
}); */
var _store = new Ext.data.JsonStore({
url:"/usermgr/user/user!authorRes.action",
root:"resultList",
totalProperty:"totalCount",
fields:["index","name","resType","sys","permissionName","resDomain"]
});
_store.on('beforeload', function() {
try{
var _resName = _window.findById('resName').getValue();
var _resType = _window.findById('resType').getValue();
var _resDomain = _window.findById('resDomain').getValue();
var _permissionName = _window.findById('permissionName').getValue();
var _params = 'command:"json",userId:"'+ document.getElementById('userId').value +'",deptId:"' + document.getElementById('deptId').value +'"';
if(_resName){
_params += ',resName:"' + _resName +'"';
}
if(_resType){
_params += ',resType:"' + _resType +'"';
}
if(_resDomain){
_params += ',resDomain:"' + _resDomain +'"';
}
if(_permissionName){
_params += ',permissionName:"' + _permissionName +'"';
}
_store.baseParams = eval('({'+ _params +'})');

}catch(e){}
});

_store.load();

var _gride = new Ext.grid.GridPanel({
id:'gri',
renderTo:Ext.getBody(),
width:820,
enableColumnMove : false,//控制列不能拖动
height :350,
colModel:_column,
store:_store,
selModel : new Ext.grid.RowSelectionModel({singleSelect:true})

});
_gride.render();

//-->
</script>
分享到:
评论

相关推荐

    EXT 自定义控件扩展

    通过EXT自定义控件扩展,开发者可以进一步拓展这些基础控件的功能,或者创建全新的控件类型,以满足项目中的特殊需求。以下是一些关于EXT自定义控件扩展的关键知识点: 1. **类继承**:EXT支持基于面向对象的编程,...

    Ext自定义控件库

    "Ext自定义控件库"正是这样一个资源集合,包含了开发者封装的一些特殊功能或样式调整的Ext控件,适用于那些标准组件无法满足需求的场景。 1. **GridPanel.xdc**:GridPanel是ExtJS中的核心组件之一,用于展示表格...

    JSP中使用EXT实现grid table

    4. 自定义列:EXT Grid允许开发者自定义列的显示样式和行为,可以添加图片、链接,甚至嵌入其他EXT组件。 5. 编辑功能:EXT Grid可以开启行内编辑或者弹出式编辑,方便用户直接在表格中修改数据。 6. Ajax集成:...

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    2. 在服务列表中找到“Ext2FS Driver”,确保其状态为“已启动”,并且启动类型设置为“自动”。如果尚未启动,右键单击并选择“启动”。 **使用Ext2Fsd** 1. 运行Ext2Fsd程序,它会在任务栏上显示一个图标。右键...

    ext 类型框改变

    从给定的文件信息来看,我们正在探讨的是一个名为`Ext.form.ChangeField`的自定义控件类,它继承自`Ext.form.TextField`,旨在提供一种机制来改变字段类型,如数字框、文本框、日期框和下拉框。下面我们将深入解析这...

    Ext-2.1 Ext 2全文档

    Ext Form还包含了自定义表单字段、联动控制等高级特性。 对于数据管理,Ext 2.1提供了Store对象,它可以存储和管理数据,与服务器进行异步通信。Store可以连接到各种数据源,如JSON、XML或CSV,并且与数据网格、...

    ext js calendar 日历

    对于不能直接使用EventRecord的情况,可以通过覆盖Ext.calendar.EventMappings的属性进行自定义映射,例如: ```javascript Ext.calendar.EventMappings.Title.mapping = 'my-title'; Ext.calendar.EventMappings....

    Ext combobox 下拉多选框带搜索功能

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。...通过深入研究源码和示例,开发者可以掌握更多关于Ext JS组件自定义和优化的技巧,这对于提升Web应用的用户体验具有重要意义。

    ext 教材 ext js 教程

    EXT JS 中的 MessageBox 是一个非常实用的组件,它用于创建各种类型的对话框,如警告、确认和提示。下面我们将详细探讨 EXT JS 中 MessageBox 的几个主要方法: 1. `Ext.MessageBox.alert()` `alert()` 方法用于...

    Ext.form表单中各种属性应用详解

    **Ext.form.TriggerField** 在文本框旁边提供了一个触发按钮,可以通过点击该按钮执行自定义操作。 - **autoCreate**: 类型为 `String` 或 `Object`,指定创建输入元素时的初始属性。例如 `{tag:"input", type:...

    EXT 表单验证EXT 表单验证

    3. **自定义vtype**:EXT JS允许开发人员创建自定义验证类型。这通常通过扩展`Ext.form.field.VTypes`类来完成,然后在vtype属性中使用新创建的函数名。例如,如果你需要验证一个密码强度,可以创建一个新的vtype并...

    ext超酷的grid中放图片(ext3.2.1)

    - 要在Grid中显示图片,我们需要创建一个自定义的列类型,这通常通过扩展EXT JS的Column类来实现。 - 自定义列需要重写`renderer`函数,这个函数负责将数据转化为可渲染的HTML。 3. **图片数据的处理** - 图片...

    EXT JS 统计图表

    其统计图表组件是EXT JS库中的一个重要部分,提供了丰富的图表类型和高度定制的功能,适用于数据分析、数据可视化以及各种业务报告。EXT JS Charts允许开发者创建交互式的、动态的图表,使用户能够更直观地理解和...

    ext培训文档doc

    6. **EXT Form**:EXT的表单组件支持各种输入类型,如文本、密码、日期、下拉框等,还有表单验证功能,保证了数据的准确性和完整性。 7. **EXT Tree**:EXT的树形视图组件适用于层次结构数据的展示,可以进行展开、...

    整理的Ext API详解

    接着,"EXT核心API详解(二)-Array Date Function Number String.txt"关注的是Ext对JavaScript原生数据类型Array、Date、Function、Number和String的扩展。这些扩展提供了更丰富的功能和更方便的操作方式,如数组的...

    ext UI效果模板

    3. 工具栏和菜单:提供常用操作的快捷入口,可以自定义图标和事件。 4. 导航和布局:如选项卡面板、 accordion布局、浮动窗口、弹出对话框等,帮助构建层次分明的页面结构。 5. 图标和图像:EXT内置了丰富的图标库,...

    EXT.form组件

    在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 1. `form`:`Ext.FormPanel`是EXT JS中的表单面板,它是一个容器,可以容纳各种表单字段和其他组件。表单面板允许你定义布局、提交...

    ext-3.4.1包

    2. `resources` - 存放库的CSS样式文件、图像和其他资源,用于自定义EXT JS组件的外观。 3. `docs` - 提供API文档,帮助开发者了解如何使用EXT JS的各种类和方法。 4. `examples` - 示例代码,展示EXT JS组件的使用...

    ext2.02文档下载

    8. **插件系统**:EXT2.0的插件系统更加完善,方便开发者添加自定义功能和扩展。 "AdobeAIRInstaller.exe"可能是一个用于安装Adobe AIR的程序,Adobe AIR是一个跨平台的运行环境,允许开发者使用HTML、CSS和...

    ext整理 ext整理 ext整理

    另外,还有一些扩展和插件,如Ext.ux.chart.zip,这可能是一个图表扩展,EXT JS本身虽然提供了基础的图表组件,但这个扩展可能提供了更高级的图表类型或自定义选项。 三、EXT学习资源 1. `ext_core_manual_zhcn.pdf...

Global site tag (gtag.js) - Google Analytics