zoukankan      html  css  js  c++  java
  • 链接按钮LinkButton(按钮组)

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Button Group - jQuery EasyUI Demo</title>
    6. <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    7. <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    8. <link rel="stylesheet" type="text/css" href="../demo.css">
    9. <script type="text/javascript" src="../../jquery.min.js"></script>
    10. <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    11. </head>
    12. <body>
    13. <h2>Button Group</h2>
    14. <p>In a button group only one button can be selected.</p>
    15. <div style="margin:10px 0 40px 0;"></div>
    16. <div class="easyui-panel" style="padding:5px;">
    17. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 1</a>
    18. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1',selected:true">Button 2</a>
    19. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 3</a>
    20. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 4</a>
    21. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 5</a>
    22. </div>
    23. <div style="margin:20px 0;"></div>
    24. <div class="easyui-panel" style="padding:5px;">
    25. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 1</a>
    26. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true,selected:true">Button 2</a>
    27. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 3</a>
    28. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 4</a>
    29. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 5</a>
    30. </div>
    31.  
    32. </body>
    33. </html>
  • 相关阅读:
    ReactNative typescript路径别名配置,vscode不识别@/youpath配置方法
    代码片段:js数组对象排序
    ScreenToGif SharpDx 下载失败问题
    springboot的@CrossOrigin注解解决细粒度的配置跨域
    java 连接Kafka报错java.nio.channels.ClosedChannelExcep
    zookeeper日常报错总结
    Spring Aop、拦截器、过滤器的区别
    搭建zookeeper单机版以及简单命令的使用
    java后台代码发送邮件
    java后台调用http请求
  • 原文地址:https://www.cnblogs.com/huangf714/p/6343279.html
Copyright © 2011-2022 走看看