`
275012124
  • 浏览: 35864 次
  • 性别: 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 开发指南 学习资料

    2.8.5. 限制类型,让用户只能选择我们提供的数据 2.9. 连坐法,关于选择模型 2.10. 2.0有,1.x里没有的那些可怕的控件 2.10.1. 谓之曰PropertyGrid属性表格 2.10.1.1. 小插曲:只能看不能动的PropertyGrid。 2.10....

    EXT2.0中文教程

    4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.2.1. 分裂,分列。1.x 4.8.2.2. 分裂,分列。2.0 4.8.3. ...

    EXT教程EXT用大量的实例演示Ext实例

    4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.2.1. 分裂,分列。1.x 4.8.2.2. 分裂,分列。2.0 4.8.3....

    Ext Js权威指南(.zip.001

    7.4.2 数据类型及排序类型:ext.data.types与ext.data.sorttypes / 326 7.4.3 数据模型的骨架——字段:ext.data.field / 330 7.4.4 数据集:ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 ...

    精通JS脚本之ExtJS框架.part1.rar

    6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...

    ext4 只显示年月的 日期控件

    xtype: 'monthfield', //引用类型为上面自定义的部分 editable : false, format : 'Y/m',//格式化数据 fieldLabel: 'beginDate', value : new Date() //最好加上默认时间 否则在第一次点击的时候 如果没有...

    EXTJS 自定义月选择控件

    getDateValue():返回该控件的日期类型的值,若支持多选,则返回日期数组,否则返回单个日期对象 //公共事件 select:function(JXMonthField this, Array dates),当选定某些时间值(点击“确定”)时触发,传入...

    extjs 数字控件

    extjs 数字控件 自动补零 控制小数 正负数 自定义错误

    ExtJs4_笔记.docx

    三、基本数据类型 19 四、函数执行时间控制 20 五、键盘事件侦听 21 第三章 Ext.Ajax 对ajax的支持 23 一、ExtJs中的Ajax:Ext.Ajax.request 23 二、元素对象Ajax式更新:Ext.Updater,[已弃用] 29 第四章 Ext....

    深入浅出ExtJS第2版

    深入浅出ExtJS第2版+源码..1 下载EXT发布包 1 1.2 如何查看EXT自带的API和示例 1 1.3 为什么有些示例必须放在服务器上 才能看到效果 2 1.4 Hello World 2 1.4.1 直接使用下载的发布包 2 1.4.2 在项目中使用EXT...

    ExtJSWeb应用程序开发指南(第2版)

    4.2.1 常见的验证类型 4.2.2 表单验证(VType) 4.2.3 自定义VType验证 4.3 表单的提交和加载 4.3.1 Ext.form.action.Action基础 4.3.2 Ajax模式的表单数据加载 4.3.3 Ajax模式的表单数据提交 4.3.4 标准模式...

    精通JS脚本之ExtJS框架.part2.rar

    6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...

    table点击表头排序

    ["idExt", { index: 1, property: "_ext" }], ["idAddtime", { index: 2, type: "date" }], ["idSize", { index: 3, property: "_order", type: "int" }], ["idCheckbox", { index: 4, type: "bool", value: ...

    xd-jeesite-cms-ext.zip

    jeesite-cms 优化版,包含了内容发布,栏目管理,站点统计,文件管理,组织岗位权限,类型管理,发布审核,会员管理,互动营销。源码与二次开发 开源版本100%开源,可轻松进行二次开发; 后台可关闭调用系统默认css、...

    大亚DB120 openwrt 最新修正 LED、按钮、自定义软件

    再次更新,添加RGA100支持,添加LED触发器类型, 删除了按钮脚本,要自定义功能自己写脚本放在/etc/hotplud.d/button/ 下面 openwrt-RG100A_DB120-squashfs-cfe.bin http://115.com/file/c2bjz3px# 我的DB120-WG,双UBS...

    uni-z-paging:【uni-app自动分页器】超简单!仅需两步轻松完成完整分页逻辑(刷新,上拉加载更多),分页自动处理。支持自定义加载更多的文字或整个视图,自定义拖动刷新样式,自动管理空数据view等

    在DCloud插件市场中访问: ://ext.dcloud.net.cn/plugin?name=z-paging 反馈qq群(点击加群): 平台兼容性 应用程序 5天 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 √ √ √ √ √ √ √ ...

    qt_vs:用于 Qt 元对象编译器和 UI 编译器的 Visual Studio 构建自定义

    Visual Studio 的 QT Build 自定义 此存储库中的文件可用于编译 QT UI 表单文件,并在包含QObject的头文件上运行 QT 元对象编译器。 用法 首先,您需要将此存储库中的所有文件放在您选择的子文件夹中。 还请确保您有...

    05 数据恢复软件R-studio.zip

    以及 Ext2/Ext3/Ext4 FS (Linux)。 2、恢复受损或被破坏的磁盘分区。 3、从重新分区或格式化的硬盘和磁盘恢复数据。 4、通过定制的用户定义文件类型进行原始文件搜索(扫描已知文件类型)。 5、高级文件预检器;可在...

    C# Winform使用扩展方法实现自定义富文本框(RichTextBox)字体颜色

    为了更好地区分不同类型的日志,我们需要使用不同的颜色来输出对应的日志,比如:一般消息为绿色,警告提示的用橙色,错误的用红色字体。 在原生Winform的RichTextBox中,是没有这种设置选项的。如需实现以上描述的...

    Apeaksoft 数据恢复工具 Apeaksoft Data Recovery 1.2.12 + x64.zip

    例如,它可以从计算机的硬盘驱动器,任何类型的可移动驱动器,存储卡以及具有某些最受欢迎的文件系统(例如 NTFS,FAT16,FAT32,exFAT,EXT 等)的数码相机中恢复文件。 。 借助这款直观的应用程序,可以轻松快捷...

Global site tag (gtag.js) - Google Analytics