📄 statusbar-advanced.html.svn-base
字号:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Advanced StatusBar Example</title> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> <script type="text/javascript" src="../../adapter/ext/ext-base.js"> </script> <script type="text/javascript" src="../../ext-all.js"> </script> <link rel="stylesheet" type="text/css" href="statusbar.css" /> <script type="text/javascript" src="ValidationStatus.js"> </script> <script type="text/javascript" src="statusbar-advanced.js"> </script> <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> <style> .list { list-style-image:none; list-style-position:outside; list-style-type:square; padding-left:16px; } .list li { font-size:11px; padding:3px; } </style></head><body> <h1>Advanced StatusBar Example</h1> <p>This is an advanced example of customizing an Ext.StatusBar via a plugin.</p> <p>Note that the js is not minified so it is readable. See <a href="statusbar-advanced.js">statusbar-advanced.js</a>.</p> <h2>Customizing the StatusBar</h2> <p>The <a href="ValidationStatus.js">ValidationStatus</a> plugin hooks into the StatusBar and automatically monitors the validation status of any fields in the associated FormPanel. Items of interest:</p> <ul class="list"> <li>The StatusBar syncs in real-time with the valid state of the form as you type</li> <li>When the form is invalid, the error status message can be clicked to hide/show a custom error list</li> <li>The error list items can be clicked to focus the associated fields</li> <li>After submitting successfully, note that the confirmation status message will fade out after 5 seconds and return to the default status (this is a config option)</li> </ul><br> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -