ui.igToolbarButton
コード サンプル
<!DOCTYPE HTML><html><head> <title>Toolbar Button Demos</title> <!-- Infragistics Combined CSS --> <link href="css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" /> <link href="css/structure/infragistics.css" rel="stylesheet" type="text/css" /> <!-- jQuery Core --> <script src="js/jquery.js" type="text/javascript"></script> <!-- jQuery UI --> <script src="js/jquery-ui.js" type="text/javascript"></script> <!-- Infragistics Combined Scripts --> <script src="js/infragistics.core.js" type="text/javascript"></script> <script src="js/infragistics.lob.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#toolbar-button-bold").igToolbarButton({ icons: { primary: "ui-igbutton-bold", secondary: null } }); $("#toolbar-button-justifyleft").igToolbarButton({ icons: { primary: "ui-igbutton-justifyleft", secondary: null } }); $("#toolbar-button-justifycenter").igToolbarButton({ icons: { primary: "ui-igbutton-justifycenter", secondary: null } }); $("#toolbar-button-justifyright").igToolbarButton({ icons: { primary: "ui-igbutton-justifyright", secondary: null } }); $("#toolbar-button-justifyfull").igToolbarButton({ icons: { primary: "ui-igbutton-justifyfull", secondary: null } }); }); </script></head><body> <div id="toolbar-button-bold"></div> <div id="toolbar-button-justifyleft"></div> <div id="toolbar-button-justifycenter"></div> <div id="toolbar-button-justifyright"></div> <div id="toolbar-button-justifyfull"></div></body></html> |
依存関係
jquery-1.9.1.js
jquery.ui.core.js
jquery.ui.widget.js
infragistics.util.js
infragistics.util.jquery.js
infragistics.ui.shared.js