Easyui implementation close the current tabs open a new tabs
//through the following code implementation Title Title URL Web address
function testaddsubpage (title,url) {
var jq = Top.jquery;
if (JQ ("#tabs"). Tabs (' exists ', title) {
JQ ("#tabs
This is due to the tabs of the href overload, so we need to change the href to a different custom property to avoid this problem.Here's how to fix it:First step page End:Start of the loop bodyEnd of Loop body----Change href= "@n.url" to: ghref= "@n.url"After the change:Start of the loop bodyEnd of Loop bodyThe second step JS end:function Initleftmenu () {$ ('. Easyui-accordion li a '). Click (function () {var Tabtitle = $ (this). text ();var url = $ (
Easyui gets the currently selected tabs, and easyui current tabs
$ ("#" + $ ("# Tabs "). find ("iframe") [$ (". tabs-header ul li "). index ($ ('. tabs-selected')-1]. id ). contents (). find (". search_button "). click ();
This code retrieves the currently selected
Ionic hiding tabs method, ionic hiding tabs Method
This article shares with you the ionic hidden tabs Method for your reference. The specific content is as follows:
1.
2.Add. directive under the controller:
var module = angular.module('app.directives', []);module.directive('showTabs', function ($rootScope) { return { restrict: 'A', link: function ($scope
This article mainly introduces JS Code for implementing the sliding menu effect. It provides tabs, tabs, and horizontal effects in the form of examples, which is very simple and practical, for more information about how to use JS to implement the sliding menu, see the following example. Share it with you for your reference. The details are as follows:
Here, we implement a special effect to centralize the
This is what I learned today, slowly accumulate, refuelingclass="Easyui-tabs"Id="Tabsall"style="width:900px; height:600px">"Cooling"Id="Leng">"Timebegin" class="Easyui-datebox">"Timeend" class="Easyui-datebox">class="Easyui-linkbutton"> Enquiry "AA" class="Easyui-tabs"style="width:890px; height:500px">"Chart"Id="BBB">"Data">"Statistics">"Show">$. Get ("aa.html", function (data) {$ ("#bbb"). HTML ( (data);})
This is due to the tabs of the href overload, so we need to change the href to a different custom property to avoid this problem. Here's how to fix it: First step page End: Start of the loop body End of Loop body ---- Change href= "@n.url" to: ghref= "@n.url" After the change: Start of the loop body End of Loop body The second step JS end: function Initleftmenu () {$ ('. Easyui-accordion li a '). Click (function () {var Tabtitle = $ (this). text ()
Procedure:
1. The IFRAME page outputs scripts in the background and calls the js method of the parent page.
String retjs = " ";
Page. registerstartupscript ("message", retjs );
2. Execute JS on the parent page. A Success prompt is displayed. Close the pop-up window and set the current operation tabs to the selected one.
// Set the Selected tabFunction setselectedtab (tabtitle ){
$. Messager. Alert ('success', 'homepage image created successfully
Although convenient and easy to use, but personally feel its performance in the UI is not too brilliant, today inadvertently see jquery tools--a jquery based UI performance framework, its UI features display style similar (or imitate) flex. The Framework provides tabs (tab/page sign) overlay (overlay), ToolTip (Prompt box), scrollable (scrolling infobar), expose (highlighting), flahembed (video playback embedded) Six major categories of functions (its
Control this thing on the Internet to find a number of some of the features are not satisfactory, only to write their own hands.
Tabs Plug-ins Many people need to use, the Internet also has a lot of examples, but is not the style is not used to adjust (oneself write is not necessarily better than others, but with a convenient in love)
The following directly paste code, do not like to spray:
(function ($) {' Use strict '; var defaults = {type: "
Depend on
Panel
LinkButton
Usage examples
Create tabs1. Create tabs via tagCreating tabs from tags is easier, and we don't need to write any JavaScript code. Remember to add the ' Easyui-tabs ' class to the
The code is as follows
Copy Code
tab1 tab2 tab3
. Pro
1 Properties1.11 ajaxoptions, add an AJAX option when the tab loads content. The AJAX options that are added work only when Ajax is available. The default value is null. In the above example, the Beforesend and success two options are added. Ajax also has some options, please refer to jquery ajax, here do not do a detailed ... 1.12 Initialization Setup Example:Note that $ ('. Selector ') is the class name of the tabs, in this case. selector= #
Left tree, right tabs. Click on the tree to add the corresponding tabs
function addtabs (node) {
var start = ";
var end = ";
if (' #tt '). Tabs (' exists ', node.text))
{(' #tt '). Tabs (' select ', Node.text);
(' #tt '). Tabs (' select ', Node.text);
}
In the website development often uses the TAB function, in order to save the writing code time, encapsulates the tab plugin, facilitates the invocation.Take a look at the effect:
Tab-1
Tab-2
Tab-3
Tabs-1-paneltabs-2-paneltabs-3-panelmyui-tabsCreating a Tab componentHow to use: HTML structureDiv ID= "tabs" > ul> Li>a href= "#tabs-1" >tab-1a>L
1, play open new Mark sign page start Vim with "vim-pfilenamenbsp ...": Tabe[dit] :tabnew opens a new tab with an empty window after the current tab page. :tabe[dit][++opt][+cmd]:tabnew[++opt][+cmd] Open a new tab and edit nbsp, and the rest is similar to |:edit|. :tabf[ind][++opt][+cmd] Open a new tab and edit ' path ' The rest and |:find| are similar. :tab executes if it opens a new window, use the new tab instead. cannot be used for |: Diffsplit|, |:d iffpatch|, |:execute| a
ArticleDirectory
Automatic Switch tab switch Effect
Sliding Door tab menu
Ajax tab content Block
Tab menu with closing capability
Definitely worth looking at some tab instance operations
Ajax tab switch Effect Generator
Advanced Tab tab switch Effect
Switch the tab of pure CSS
Ajax tab switch effect tutorial
Original article: 37 + great Ajax, CSS tab-based interfacesTranslation: Palan
In the past few years, Web developers have developed a lot of Ajax and
Although it is convenient and easy to use, I personally think its UI performance is not too brilliant. Today I accidentally saw jquery tools-a jquery-based UI presentation framework, its UI function is similar to (or imitated) flex. This framework provides tabs (Tab/TAB) overlay (overlay), tooltip (prompt box), scrollable (scroll Information bar), expose (highlighted), and flahembed (video playback embedded) six Main functions (called the six tools on
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.