首页 > 代码库 > Javascript - ExtJs - 其它
Javascript - ExtJs - 其它
设置组件标题栏宽度
listeners : { afterrender : function(panel) { var header = panel.header; header.setHeight(100); }}彻底去除组件的边框
baseCls: ‘my-panel-no-border‘设置组件的css
有时候setStyle()和applyStyles()方法都不起作用，比如displayfield框的文本的颜色，其实可以直接setValue时将html标签放进去。
var columnText = form.findField("columnText");columnText.setValue("<font color=‘red‘>还没选择发布到哪个栏目</font>");动态设置组件
利用Ajax可以轻易实现此需求，比如选中复选框、为输入框填入一个值等等。
//以下为formPanel配置了一个监听，在表单渲染完成之前通过Ajax获取服务端数据填充到表单的子组件（一个输入框里）listeners: { beforerender: function () { Ext.Ajax.request({ method: "POST", url: "AdminRoleHandler.ashx", params: { getRooleName: "true" }, success: function (r) { var m = Ext.decode(r.responseText); //获取输入框组件 var rooleName = Ext.getCmp("rooleName"); rooleName.setValue(m.value); }, failure: function () { Ext.Msg.alert("提示", "http错误"); } }); }}//在服务端string getRooleName = context.Request.Params["getRooleName"];if (!string.IsNullOrEmpty(getRooleName)){ context.Response.Write("{value:‘sam‘}");}动态添加子组件
任何组件，如果其具备add方法，则可以利用这一性质配合Ajax动态为组件插入子组件。
//以下为formPanel配置了一个复选组，现在要通过后台返回的数据动态将子组件插入复选组items: [ { xtype: "checkboxgroup", fieldLabel: "系统管理", id:"systemConfig",defaults: { width: 120 } }],listeners: { beforerender: function () { Ext.Ajax.request({ method: "POST", url: "AdminRoleHandler.ashx", params: { roleCheckbox: "true" }, success: function (r) { var m = Ext.decode(r.responseText); //获取复选组组件 var systemConfig = Ext.getCmp("systemConfig"); systemConfig.add(m.items); }, failure: function () { Ext.Msg.alert("提示", "http错误"); } }); }}//在服务端string roleCheckbox = context.Request.Params["roleCheckbox"];if (!string.IsNullOrEmpty(roleCheckbox)){ context.Response.Write("{ items:[ { boxLabel: ‘计算机‘, name: ‘rb‘, inputValue: ‘1‘ } ,{ boxLabel: ‘惠普‘, name: ‘ssa‘, inputValue: ‘1‘ }]}");}
Javascript - ExtJs - 其它
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。