This article begins with the best part of Extjs. The data model of Extjs is divided into the following parts:
Data Record
A record in a dataset, including the data definition and value. It is equivalent to an object class.
Data Proxy
The proxy used to obtain data. It is equivalent to Datasource.
Data parser DataReader
Resolves the data obtained by the Proxy and transfers it to the Record and stores it in t
In the previous series, we have completed the database design, data access and business logic. Next we will complete the front-end MVC and extjs interface sections.
During this time, spring.net has released version 1.2, and Asp.net MVC has also updated RC1 refresh. nhib.pdf to version 2. 0. The entire demo.ProgramCorresponding updates are also made.
Asp.net MVC associates background services with front-end interfaces and calls business logic in the
ExtJs -- 03 -- several progress bar codes. You can see extjs -- 03 -- progress bar.
/** // Complete the progress bar at a fixed time, that is, the pseudo progress bar Ext. onReady (function () {var progressBar = Ext. msg. show ({title: "progress bar", msg: "Progress completed by fixed time", width: 300, wait: true, waitConfig: {interval: 500, duration: 5000, fn: function () {Ext. msg. hide () ;}}, closable:
These months have officially begun using the ExtJS development project, and some of these months ' experience will be compiled into a series of blogs. Today is about the basics of ExtJS, how to get component and dom.element.First, query queriesThe following path is a query condition and is queried in a similar way to jquery*ComponentqueryreturnComponent ext.componentquery.query Span style= "font-size:14px
development skeleton or the extension component example.
3, other examples, in the EXT community there are many more excellent ext application examples, some just an application demo, although no source download, but we can directly download the reference JS file to get these examples of EXT application code, also can take a very good learning effect.
Five, more use
Ext looks like a very simple thing, a
Extjs initializes the checkboxgroup value Code. For more information, see.
The Code is as follows:
Ext. override (Ext. form. CheckboxGroup ,{SetValueForItem: function (val) {// multiple option values are separated by commasVal = "," + val + ","This. items. each (function (item ){If (val. indexOf (item. inputValue)>-1 ){Item. setValue (true );} Else {Item. setValue (false );}});}, ClearValueForItem: function () {// clear all valuesThis. items. ea
Today, I helped my friend solve the problem: how to get the information of the first leaf node of the tree using the ExtJs TreePanel control.
The principle is very simple, that is, the sequence traversal of the tree. When the first leaf node is encountered during the traversal process, the work is completed.
Results::The Code is as follows:
The Code is as follows:
Var currentRootNode = null; // the currently selected Root NodeFunction NodeClass (){
This article describes the commonly used and very simple tool bar and menu in desktop program development. However, it is not easy to implement the toolbar and menu in general web development, however, extjs allows us to develop web toolbar and menus using methods similar to desktop program development. The ToolBar is easy to use. The key is to add content to the ToolBar. By default, the ToolBar adds a Button, but you can actually add any component to
This article describes in detail how ExtJs sets up the vertical center of GridPanel table text. The specific implementation code is as follows. If you are interested, refer to the following code and hope to help you in business scenarios, the final implementation is as follows:
The GridPanel code is as follows:
The Code is as follows:
{Xtype: 'grid ',Id: 'grid _ jglb ',Frame: true,Region: 'center ',Title: 'list details ',ColumnLines: true,LoadMas
The definition of Extjs component shows an instance on the Internet, so I copied it and used it later. Now I want to share it with you, if you are interested, do not miss an example on the Alibaba Cloud website, which contains a copy of the definition of the component for your reference:
The Code is as follows:
Ext. onReady (function (){Var dtCategory = [['All', 'all category'],['1', 'beverages '],['2', 'conditions'],['3', 'confections '],['4', 'da
This article discusses the default expansion of the RowExpander control in Extjs. The following is a good example. If you are interested, refer
The Code is as follows:
// Expand the row that meets a conditionFunction expendRow (){Var I; // temporary variable for LoopVar arr = []; // array of rows to be expandedFor (I = 0; I
{
Var record = ProdRequireInfoStore. getAt (I); // traverse each row cyclically
If (record. data. StatusID
You may have seen the drag and drop effects. The implementation method is similar. In the following article, I will introduce how ExtJS is used.
The Code is as follows:
Hello
other user information, you can construct the object based on the actual situation, as long as it is easy to access.
There is a problem here, that is, all objects simplecms may be null here, so you need to call the NS method of ext to name it. This can be added to the loader and the code is as follows:
Ext. NS ('Extmvcone');Then run and log on to the system through Firefox firenbug. I logged on to the admin as the system administrator.
Finally, all the code in the index View
This article mainly introduces four Ajax asynchronous submission methods commonly used in extJS. For more information, see /**
The Code is as follows:
* The first Ajax submission method* In this method, you must directly use the ext Ajax Method for submission.* To use this method, you need to encapsulate the parameters to be passed.* @ Return*/Function saveUser_ajaxSubmit1 (){Ext. Ajax. request ({Url: 'user _ save. action ',Method: 'post ',Params :
This article describes how to select the last selected node after ExtJS refresh by default, if you need a reload operation, you may need to reload the tree after performing operations on the tree node. However, many businesses need to select the last selected node by default after the tree refreshing. In this way, you must first save the information of the previous selected node, and then expand it layer by layer through the node information after rel
Page code:
[Javascript]View plaincopyprint?
Event examples, including user-defined events and Use of on, addListener, and EventManager.
Move the mouse over to me!
Js Code
[Javascript]View plaincopyprint?
/*************************************** *
* Use custom events
*/
Var Person = function (){
// Register an event. The event name is "say ".
This. addEvents ("say ");
// Register multiple events in another way
This. addEvents ({
"Run": true,
"See": fal
Create a new my directory, and all subsequent sample files will be created in this directory.1. Hello world!First look at all the hello World pages of extjsCode:
Copy code The Code is as follows:
The result is as follows: Note that the sequence of JS files introduced above cannot be reversed, otherwise the correct results cannot be obtained. 2. Ext. MessageBoxExt. MessageBox provides common prompt box functions. Ext. MSG is an object exactly the same as it, but its name is different. Ext. M
Extjs implements paging and transmits data using jsp. The specific implementation process is as follows.
Ext. onReady (function () {store3 = new Ext. data. jsonStore ({autoDestroy: true, totalProperty: 'totle', url: 'service. do ', storeId: 'mystore', root: 'data', fields: ['id', "name", "pw"]}); var pagingToolbar = new Ext. pagingToolbar ({emptyMsg: "No data", displayInfo: true, displayMsg: "displays {2} pieces of data from {0} to {1} pieces of data
Class.registerpreprocessor (' ClassName ', function (CLS, data) { if (data. $className) { cls. $className = data.$ ClassName; First look at the ClassName processor, which is relatively simple, the third parameter is true, indicating that this is a must be performed by the preprocessor, debug source code debugging.Ext.define ("My.test.AAA", {aaa: ' AAA ', BBB: ' BBB '});The CLS can be understood as a class that adds a static property $classname to the class, and by ob
website download, open source. After the download is extracted, the following directory will be obtained.Adapter: is responsible for the third party in the bottom of the library (including ext from the) map to the support of the underlying library ext.Build: After compression ext all source code (classified storage)Docs:api Help DocumentExamples: Examples of some extjs
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.