当前位置: 代码迷 >> .NET相关 >> .net+easyui系列-旋钮
  详细解决方案

.net+easyui系列-旋钮

热度:341   发布时间:2016-04-24 02:36:05.0
.net+easyui系列--按钮

easyui提供了各种按钮样式,包括搜索、新增、保存、删除等

  <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">            搜索</a> <a id="A1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">                增加</a> <a id="A2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">                    移除</a> <a id="A3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">                        保存</a> <a id="A4" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut'">                            剪切</a> <a id="A5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">                                确定</a> <a id="A6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">                                    撤销</a> <a id="A7" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">                                        撤销</a>

按钮的JS点击事件,可以根据ID来控制:

 //搜索按钮点击事件            $('#btn').bind('click', function () {                alert('hello world');            });

样式效果图:

 

  相关解决方案