如何在Ext JS的弹出窗口中显示Ext.FormPanel?(How to display a Ext.FormPanel in a popup in Ext JS?)
我可以在Ext JS中创建一个“确认框”,如下所示:
与此代码:
... listeners: { 'afterrender' : function(p) { p.header.on('click', function(e, h) { Ext.MessageBox.confirm('Confirm', 'Are you sure you want to EDIT this?', function(btn) { var button_answer = new Ext.Panel({ title: 'Invoice Address', width: 290, height: 200, html: 'you clicked the ' + btn + ' button for EDIT', frame: true, border: true, header: true }); replaceComponentContent(small_box_upper_left, button_answer, true); }); }, p, { delegate: '.panel_header_icon2', stopEvent: true }); }, ...
我怎样才能创建一个像这样的背景变暗的弹出式窗口,而不是一个MessageBox,它里面有一个Ext.FormPanel? ,例如我怎样才能把这个代码放在一个带有暗淡背景的弹出窗口中?
new Ext.FormPanel({ frame:true, labelWidth: 90, labelAlign: 'right', title: 'Orderer Information', bodyStyle:'padding:5px 5px 0', width: 300, height: 600, autoScroll: true, itemCls: 'form_row', defaultType: 'displayfield', items: [{ fieldLabel: 'Customer Type', name: 'customerType', allowBlank:false, value: 'Company' },{ fieldLabel: 'Company', name: 'company', value: 'The Ordering Company Inc.' },{ fieldLabel: 'Last Name', name: 'lastName', value: 'Smith' }] });
I can create a "confirm box" in Ext JS like this:
with this code:
... listeners: { 'afterrender' : function(p) { p.header.on('click', function(e, h) { Ext.MessageBox.confirm('Confirm', 'Are you sure you want to EDIT this?', function(btn) { var button_answer = new Ext.Panel({ title: 'Invoice Address', width: 290, height: 200, html: 'you clicked the ' + btn + ' button for EDIT', frame: true, border: true, header: true }); replaceComponentContent(small_box_upper_left, button_answer, true); }); }, p, { delegate: '.panel_header_icon2', stopEvent: true }); }, ...
How can I create a pop-up-with-dimmed-background like this but instead of a MessageBox it has a Ext.FormPanel in it? , e.g. how can I put this code inside a popup with dimmed background?
new Ext.FormPanel({ frame:true, labelWidth: 90, labelAlign: 'right', title: 'Orderer Information', bodyStyle:'padding:5px 5px 0', width: 300, height: 600, autoScroll: true, itemCls: 'form_row', defaultType: 'displayfield', items: [{ fieldLabel: 'Customer Type', name: 'customerType', allowBlank:false, value: 'Company' },{ fieldLabel: 'Company', name: 'company', value: 'The Ordering Company Inc.' },{ fieldLabel: 'Last Name', name: 'lastName', value: 'Smith' }] });
原文:https://stackoverflow.com/questions/5298024
更新时间:2023-07-13 12:07
最满意答案
Reduce or eliminate the margin on the paragraphs.
p { margin:0; }
You can do the same for the input elements if you want them as close as possible.
相关问答
更多-
我知道在Firefox中,您可以使用autocomplete =“off”属性来禁用自动完成功能。 如果这在Chrome中有效(尚未测试),则可以在遇到错误时设置此属性。 这可以用于单个元素 ...以及整个表格
-
找到解决方案,它非常简单。 只需编辑CSS如下: .error { display: block; text-align: center; } Found the solution, it was pretty simple. Just had to edit the CSS as follows: .error { display: block; text-align: center; }
-
如何将一个范围放到两个输入框中,然后将它分开...(How to have a range to two input boxes where it will be divided after…)[2023-08-23]
做一个简单的区间限制检查: function getValues(val){ var numVal1=parseFloat(document.getElementById("1").value,10); var numVal2=parseFloat(document.getElementById("2").value,10); var totalValue = numVal1 / numVal2; if(numVal1 >= 200 && numVal1 <= 1000){ document.getE ... -
不要使用表格进行布局 使用标签标签 将样式float: left分配给:标签和输入字段。 然后在它们下方添加清除(如果元素相互重叠有任何问题)。 替代方案是指定display: inline到输入字段。 Don't use tables for layout use label tag Assign style float: left to both: labels and input fields. Then add clear below them (if you have any issues wit ...
-
您是PictureBox类型的类级变量。 此变量应该包含对用户单击的最后一个PicrureBox的引用。 然后,您所要做的就是更改已有的KeyDown代码来移动类级变量。 ' on the form level dim CurrentPictureBox As PictureBox ' use the same Click event for all PictureBoxes to populate this variable: CurrentPictureBox = Cast(Sender, Pictu ...
-
减少或消除段落的余量。 p { margin:0; } jsFiddle示例 如果您希望它们尽可能接近,您可以对输入元素执行相同的操作。 Reduce or eliminate the margin on the paragraphs. p { margin:0; } jsFiddle example You can do the same for the input elements if you want them as close as possible.
-
这就是我认为你想要做的事情:这就是你要问的 如何在java脚本中将逗号分隔的货币转换为数字 parseFloat 此函数计算总数。 你必须在每个关键功能中调用它。 function setTotal(){ var x=document.getElementById('doors_estimate').value; var y=document.getElementById('cage_estimate').value; if(x ){ if(y){ ...你只需要添加: par(mar = c(5,0,4,0)) 调整每个情节的边距。 还有另一种通过设置mai来调整边距的方法 You just need to add: par(mar = c(5,0,4,0)) to adjust the margins of each plot. There is another way of adjusting the margins by setting mai参数评估顺序未在Delphi中定义。 您需要为每个InputBox()调用编写单独的指令,然后再将它们连接起来。 例如: procedure TForm1.btnResultClick(Sender: TObject); var StrObj: TProducts; sBrandName, sContents, sMass, sStock: string; begin sBrandName := Inputbox('Brand name', 'Input the brand name', '') ...
相关文章
更多- Becoming a data scientist
- Create a Bootable MicroSD Card
- extjs 3.1 Ext.TabPanel dom为空或不是对象
- Ext 3.1版本放出,可以免费下载了
- ext 中 ajax怎么异步加载js文件 ?
- 在EXt js 中如何设置日历控件,只显示月份和年份
- Solr: a custom Search RequestHandler
- Ext4 动态加载JS后肿么调试?
- EXT4 Store Load For Gird Exception
- ext grid
最新问答
更多- 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
- TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
- 企业安全培训的各项内容
- 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
- NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
- 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
- 将多个行和可变行移动到列(moving multiple and variable rows to columns)
- 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
- Angular $资源不会改变方法(Angular $resource doesn't change method)
- 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
- 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
- Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
- 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)
- 是否可以嵌套hazelcast IMaps?(Is it possible to nest hazelcast IMaps? And whick side effects can I expect? Is it a good Idea anyway?)
- UIViewAnimationOptionRepeat在两个动画之间暂停(UIViewAnimationOptionRepeat pausing in between two animations)
- 在x-kendo-template中使用Razor查询(Using Razor query within x-kendo-template)
- 在BeautifulSoup中替换文本而不转义(Replace text without escaping in BeautifulSoup)
- 如何在存根或模拟不存在的方法时配置Rspec以引发错误?(How can I configure Rspec to raise error when stubbing or mocking non-existing methods?)
- asp用javascript(asp with javascript)
- “%()s”在sql查询中的含义是什么?(What does “%()s” means in sql query?)
- 如何为其编辑的内容提供自定义UITableViewCell上下文?(How to give a custom UITableViewCell context of what it is editing?)
- c ++十进制到二进制,然后使用操作,然后回到十进制(c++ Decimal to binary, then use operation, then back to decimal)
- 以编程方式创建视频?(Create videos programmatically?)
- 无法在BeautifulSoup中正确解析数据(Unable to parse data correctly in BeautifulSoup)
- webform和mvc的区别 知乎
- 如何使用wadl2java生成REST服务模板,其中POST / PUT方法具有参数?(How do you generate REST service template with wadl2java where POST/PUT methods have parameters?)
- 我无法理解我的travis构建有什么问题(I am having trouble understanding what is wrong with my travis build)
- iOS9 Scope Bar出现在Search Bar后面或旁边(iOS9 Scope Bar appears either behind or beside Search Bar)
- 为什么开机慢上面还显示;Inetrnet,Explorer
- 有关调用远程WCF服务的超时问题(Timeout Question about Invoking a Remote WCF Service)