Ext. tab. Panel tab of ExtJs4 notes
This topic describes the tab controls.1. Basic Tab
First, we define a basic Tab control. Each Tab has its own differences. The main content of the Tab
Ext. tab. Panel tab of ExtJs4 notes, and extjs4 learning notes
This topic describes the tab controls.1. Basic Tab
First, we define a basic Tab control. Each Tab has its own differences. The main content of the
. $ ("ul. tabs-t"). tabs ("div. tabsContent> div", callback function) // perform further operations on tabs through the callback function.The following describes the implementation and description of the config object parameters in 2:Copy codeThe Code is as follows:Current: 'current', // name of the class added to the current tab. The default value is current.Effect: "fade", // The display mode of the panel
function is implemented through the jqueryObject. tabs () method. The tabs method provides the following three methods:
1. $ ("ul. tabs-t"). tabs ("p. tabsContent> p") // This method can easily organize tabs.
2. $ ("ul. tabs-t "). tabs ("p. tabsContent> p ", {config object}) // This method organizes tabs by configuring the object, which is suitable for various tabs presentations.
3. $ ("ul. tabs-t"). tabs ("p. tabsContent> p", callback function) // p
;}
Effect:
2) Then we add the buttons on both sides
Here's a little tweaking of the HTML:
Then the CSS code:
. tab-border {border:1px solid #cccccc; margin:0 auto;padding:3px;width:912px;} /*---------- tab-arrows------------*/.arrows a {display:block;height:41px;width:41px;top:143px;z-index:10; Position:absolute;cursor:pointer;}. Arrows-left {Background:url
Reprint Please specify source: http://blog.csdn.net/yangyu20121224/article/details/9050573In the previous article, we just had a general understanding of the simple usage of the Actionbar class, and today I will continue to take a more in-depth look at the examples.First, Implement TAB Options tabWhen you want to provide tab tabs in an activity, using the Tab
ruler with the page number alignment, double-click to insert a tab stop, and the system will also pop up the tab Stop dialog box. Select the "2 in Leader" ... Radio box, click the OK button.
Next, just enter the title of each chapter in turn, press the "tab" key on each line, and the system automatically inserts a de
This article to share is the Personal Package tab special effects Plug-ins, very simple and practical, attached to the use and examples, the need for small partners can refer to.
In the development of the Web site will often use the TAB function, in order to save the time to write code, encapsulating the tab plug-in, easy to invoke.
Create a
In the development of the Web site will often use the TAB function, in order to save the time to write code, encapsulating the tab plug-in, easy to invoke.
Create a TAB component
How to use: HTML structure
JS Call
$ (' #tab '). tabs ();
Related parameter Description:
Initialization par
1. Basic way: By defining the way of HTML and items.
2. Read other HTML information: By setting Contentel you can get additional HTML information for the current tab body.
3. Read service-side data: To obtain server-side data by defining autoload asynchronous methods.
In addition, each tab can be set whether it can be closed, when the
In order to create a tabbed UI, you need to use a tabhost and a tabwidget,tabhost must be the root node of the layout file, which contains the Tabwidget to display the tabs and a framelayout for displaying the contents of the options
You can implement your tab content in one or two ways: Switch between views with tabs in an activity, or use tabs to change all of the detached activity. You use the methods you want in the program according to your need
use
tab when using JS to make calls directly on the LABEL element binding event can be, the tab only provides a realistic parameter "show", you can select a tab through JS, must be in the label element bound event.
Used in the following ways:
$ ("Ele"). Tab ("Show")
The tab
components: the Tabwidget component and the Framelayout component. The Tabwidget component is responsible for controlling all tab labels, and the Framelayout component is responsible for displaying the interface components for each tab tab page.(2) There are 2 ways to set u
How to implement IE9 double-click to close the current tab page (Tab tab page) functionality, the rationale for this function is as follows:
1, set up the global mouse hook, get double-click the message when the tab, triggering the tab is double-clicked event.
In the previous article, the function menu is displayed in a tree. The following describes the main business functional area in the central area of the system layout. You can use the tab control to open multiple tab pages, to facilitate system operations and business operations.
First, let's talk about the initialization of the front-end tab control. In the index
Tabs are available on a large number of sites, although the form is different, but the purpose is to achieve the same, is generally in order to classify or save the web space only use, is a sharp weapon, the following is a code example of a tab, the universality is very strong, below and you share.
The code example is as follows:
The above code implements the function of the tab, the following is
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.