Directly run the Code:
<% @ Page Language = "C #" AutoEventWireup = "true" CodeBehind = "split button. aspx. cs" Inherits = "easyui exercise. Split button" %>
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head runat = "server">
<Title> </title>
<Script src = "JS/easyUI/jquery-1.7.2.min.js" type = "text/javascript"> </script>
<Script src = "JS/easyUI/jquery. easyui. min. js" type = "text/javascript"> </script>
<Script src = "JS/easyUI/locale/easyui-lang-zh_CN.js" type = "text/javascript"> </script>
<Link href = "JS/easyUI/themes/default/easyui.css" rel = "stylesheet" type = "text/css"/>
<Link href = "JS/easyUI/themes/icon.css" rel = "stylesheet" type = "text/css"/>
<Script src = "JS/wikmenu. js" type = "text/javascript"> </script>
<Script src = "JS/wikmain. js" type = "text/javascript"> </script>
<Script type = "text/javascript">
$ (Function (){
$ ('# Sb'). splitbutton ({menu: '# mm '});
});
</Script>
</Head>
<Body>
<Form id = "form1" runat = "server">
<Div>
<Div style = "border: 1px solid # ccc; background: # ddd; padding: 5px; width: 120px;">
<A href = "javascript: void (0)" id = "sb" icon = "icon-edit"> Edit </a>
<A href = "javascript: void (0)" class = "easyui-linkbutton" plain = "true" icon = "icon-help"> </a>
</Div>
<Div id = "mm" style = "width: 150px;">
<Div icon = "icon-undo"> Undo </div>
<Div icon = "icon-redo"> Redo </div>
<Div class = "menu-sep"> </div>
<Div> Cut </div>
<Div> Copy </div>
<Div> Paste </div>
<Div class = "menu-sep"> </div>
<Div>
<Span> Open </span>
<Div style = "width: 150px;">
<Div> Firefox </div>
<Div> Internet Explorer </div>
<Div> Select Program... </div>
<Div class = "menu-sep"> </div>
</Div>
</Div>
<Div icon = "icon-remove"> Delete </div>
<Div> Select All </div>
</Div>
</Div>
</Form>
</Body>
</Html>