确认框未正确呈现
Posted
技术标签:
【中文标题】确认框未正确呈现【英文标题】：Confirm box is not render properly 【发布时间】：2014-02-07 12:05:48 【问题描述】：我是煎茶触摸的新手。我面临的问题，这是我的第一个测试应用程序。
Ext.Msg.confirm('', 'Are you sure you want to reset this form?', function (btn)
if (btn === 'yes')
);
问题在于确认框样式。它来了，但渲染不正确。 这是附加屏幕截图
我使用的代码是
BillingForm.js
Ext.define("test.view.BillingForm",
extend: "Ext.Container",
config:
items: [
title: "Basic",
xtype: "formpanel",
id: "billingForm",
items: [
xtype: "fieldset",
title: "Billing Information",
defaults:
labelWidth: "32%",
style:
"background-color": "#fff",
"font-size": "12px",
"color": "#333"
,
items: [
xtype: 'textfield',
name: 'firstname',
label: 'First Name',
palceholder: "Enter your first name",
required: true,
focus: true
]
,
xtype: 'button',
text: 'Reset',
ui: 'decline',
handler: function(btn, evt)
Ext.Msg.confirm('', 'Are you sure you want to reset this form?', function (btn)
if (btn === 'yes')
);
]
]
);
MainView.js
Ext.define('test.view.MainView',
extend : "Ext.Container",
alias : ["widget.mainview"],
config:
fullscreen: true,
layout:
type: "vbox"
,
items: [
xtype: "toolbar",
docked: "top",
height: 45,
title: "First App"
,
Ext.create("test.view.BillingForm",
height:300,
padding:"10 0 0 0"
)
],
);
app.js
Ext.onReady(function()
Ext.application(
name: 'test',
appFolder : 'app',
models : [],
stores : [],
requires: [],
views: ["MainView","BillingForm"],
controllers: [],
isIconPrecomposed : true,
profiles : [],
launch: function()
Ext.create("test.view.BillingForm", );
);
);
索引.html
<!DOCTYPE>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hello World</title>
<link href="http://localhost/projects/touch/resources/css/cupertino.css" type="text/css" rel="stylesheet"/>
<script src="http://localhost/projects/touch/sencha-touch-all-debug.js"></script>
<script src="app.js"></script>
</head>
<body>
</body>
</html>
【问题讨论】：
【参考方案1】：您的代码有很多问题。以下是我只需看一眼您的代码就可以看到的问题列表：
-
使用 Ext.application 功能时，不需要 Ext.onReady。只需将其删除。
在启动函数中，创建 MainView 而不是 BillingForm
在 MainView 中添加 BillingForm 是错误的。在BillingForm 的定义中提供xtype : 'billingform' 就在extend:'Ext.Container' 下方，然后在MainView 的项目中，而不是创建新的BillingForm，只需像这样添加：
items: [
xtype: "toolbar",
docked: "top",
height: 45,
title: "First App"
,
xtype:'billingform'
]
纠正这些，然后看看是否有帮助。
【讨论】：
以上是关于确认框未正确呈现的主要内容，如果未能解决你的问题，请参考以下文章
IsEnabled="False" 状态的 WPF 文本框未应用正确的背景颜色