Easyui problem summary

Last Update:2014-09-02 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Question 1: how to hide the shrink arrow on the easyui West panel?

Effect:

Practice:

<Ul class ="Easyui-tree"Data-Options =

"Url: '$ {pagecontext. Request. contextpath}/menuaction! Alltreenode. action ',

Parentfield: 'pid ', lines: True, onclick: function (node ){

VaR url ='$ {Pagecontext. Request. contextpath}'+ Node. Attributes. url;

Addtab ({Title: node. Text, href: URL });}">

</Ul>

</Div>

1.Not SpecifiedWestPanelTitleAttribute to get the effect of the previous graph:

2.InWestAddPanelPanel implementationWestThe similar interface of the panel, which hides the Arrow:TitleAttributePanelWrite it down;

Border: falseNarrow the border,Fit: TrueMake the Panel adaptive window change. The resulting interface is as follows:

</Div>

Layout small extension: sets whether to display the region contraction button.

Http://www.easyui.info/archives/1279.html

Question 2: How can I make the layout panel lose the title display bar?

Pending diagram:

Practice:

If no panel is specifiedTitleAttribute;

Question 3: How to display a filedset?

Effect

Practice: Use<Fieldset> label

<Legend> User Logon </legend>

<Table>

<Tr> </Th> User Name </Th> </TD> <input name ="Name"Class ="Easyui-validatebox"

Data-Options ="Required: True, missingmessage :'Username is required'"/> </> TD> </tr>

<Tr> </Th> password <TH> <TD> <input name ="PWD"Type ="Password"Class ="Easyui-validatebox"

Data-Options ="Required: True, missingmessage :'Password is required'"/> </TD> </tr>

</Table>

</Fieldset>

</Form>

Question 4: How does a tree node load a page in the center through the href attribute of the panel?

Note: The page content introduced by the href attribute of the Panel can only be the content in the <body> label of the JSP page. Therefore, do not write other labels when introducing the page and directly write the required code snippets. Write JavaScript directly.

Question 5: how to draw a dotted line?

As follows:

Code:

Question 6: How to dynamically change the title attribute value in data-options on the center panel?

Effect:

Code:

$ ('# Index_layout'). layout ('panel ', 'center'). Panel ('settitle', 'current location "' + options. Title );

Question 7: How to Make ComboBox highly adaptive:

Panelheight: 'auto'

Question 8: Get the data-option width:

$ ('# Index_layout'). layout ('panel ', 'east'). Panel ("options"). width;

Easyui problem summary

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Easyui problem summary

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support