"
,
//
Error message. The default value is this field is required!
ID:
"
Blanktest
"
,Anchor:
"
90%
"
}]});
2. Simple verification in vtype format.In this example of email verification, rewrite the items configuration of the code above:
Items :[{Fieldlabel:
"
Cannot be blank
"
,Vtype:
"
Email
"
,
//
Email format Verification
Vtypetext:
"
Invalid email address
"
,
//
Error message. I
Document directory
1. Drag and Drop
Ii. pop-up window
This chapter briefly introduces the simple application of drag-and-drop and pop-up windows.1. Drag and Drop
Drag-and-drop plays an important role in the ext component system. Many components encapsulate the implementation of the drag-and-drop function. This section describes the structure and examples of drag-and-drop components, the focus is to use Ext. the DD package implements the drag-and-drop function, instead of combining it with
Zhou Bontao (timen)Email:[email protected]Reprint Please specify the Source:http://blog.csdn.net/zhoubangtao/article/details/277073611. IntroductionThe packet is primarily responsible for loading and saving all of your application's data, which contains 41 classes, but three of them are the most important--model,store and Ext.data.proxy.Proxy. These three classes are used in almost every application and have many satellite classes to support.2. Model
% ' }, { xtype: ' Panel ', title: ' Child Panel 2 ', height:100, width: ' 50% ' } ];Ext JS comes with quite a few layouts that are directly available and can be used for almost any type of layout you can imagine. You can look at the layout examples in the EXT JS 4 SDK.3.2 How the layout system worksThe layout of a container is responsible f
{private person person, @Autowiredprivate ipersonservice personservice; listConfigure the Struts.xml file to return the JSON as followsMust be set3, display to the page JSP file with ExtJS as shown belowExplain1) Ext.onready is the alias of Ext.Loader.onReadyThe explanations in the ExtJS API are as followsOnly the first parameter is used at this time, and the following two parameters are not used2) var prox
Due to business needs, the author has just entered a project group, because there is no art, the front desk using ExtJS + MVC 2, Iteration 1 of the project is relatively smooth, at least on this machine is running without any problems,But in order to demonstrate to the customer, I happily deploy the website on IIS, the result is always to mention ' Ext ' undefined '. Through the Google browser, press the F1
ExtJS study NOTE 2: respond to events and load data using AJAX
RESPONSE event:
1. Set an html Tag
Ext JS 4 Cookbook
2. Use the get function to obtain the tag object
var el = Ext.get('my-div');
3. Bind the response function to the event of the object.
el.on('click', function(e, target, options){alert('The Element w
Response Event:1. Set an HTML tag2. Get this tag object using the Get functionvar el = ext.get (' My-div ');3. Binding the response function and the object's eventsEl.on (' click ', Function (e, target, options) {alert (' The Element was clicked! '); alert (this.id);}, this);4. Multiple events can also be bound at onceEl.on ({click:function (E, Target, options) {alert (' the Element was clicked!); alert (this.id);},contextmenu:function (E, Target, opt
Last section extjs (1)
The last section briefly introduces extjs, and then learns the message class.
The following methods are provided:
1.
Alert
Alert(
String title,
String msg,[
Function fn], [
Object scope]):
The following two parameters are optional:
Ext. MessageBox. Alert ('status', 'changes saved successfully. ', showresult );
Function showresult (BTN ){
Ext. MSG ('button click', BTN );
};
ArticleDirectory
1. dynamically reference external JS
2. Dynamic Loading class
1. The function is waiting for execution.
1. The function is executed repeatedly at a certain frequency.
1. Ext. keymap
2. Ext. keynav
Back to the series directory
This article mainly introduces extjs extension support for basic JS syntax, including dynamic
you sort the backend,Front page pagination can be sorted by front end;Grouping and sorting: Sorting after grouping, by default, the data in each group is sortedBut often there is the need to sort the groups according to the statistics after the grouping, which I only think of a workaround, first we use code to group the data, then sort, and then we add the ranking field to each piece of data, the ranking field is the same group as the field, The Group field GroupField is then set to ' ranking '
using the CONFIG. statics configuration item to defineExt.define (' computer ', {statics: {instancecount:0, Factory:function(brand) {//' This ' in static methods refer to the class itself return New This({brand:brand}); }}, config: {brand:NULL}, constructor:function(config) { This. initconfig (config); //The ' self ' property of a instance refers to its class This. Self.instancecount + +; }});varDellcomputer = computer.factory (' Dell ');varApplecomputer = computer.factory (
In fact, ext. Ajax is not difficult to use, but I have never been clear about how to obtain the returned value. It has been depressing for a while. The following is a simple example.View plain
Copy to clipboard
Print
?
1ext. Ajax. Request ({
2 URL: 'register. aspx',
3 Params :{
4 rows: 'login',
5 loginemail: Ext. Get ('loginemail'). Dom. value,
6 loginpwd: Ext. Get ('loginpwd'). Dom. Value
7 },
8 s
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.