. Net + easyui series -- buttons,. neteasyui series --

. Net + easyui series -- buttons,. neteasyui series --

Easyui provides various button styles, including search, add, save, and delete.

<A id = "btn" href = "#" class = "easyui-linkbutton" data-options = "iconCls: 'icon-search' "> search </a> <a id =" A1 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-add' "> add </a> <a id =" A2 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-delete' "> remove </a> <a id =" A3 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-save' "> save </a> <a id =" A4 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-cut '"> cut </a> <a id =" A5 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-OK '"> OK </a> <a id =" A6 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-redo '"> undo </a> <a id =" A7 "href =" # "class =" easyui-linkbutton "data-options =" iconCls: 'icon-undo '"> undo </a>

The JS Click Event of the button can be controlled by ID:

// Click Event $ ('# btn') in the Search button. bind ('click', function () {alert ('Hello World ');});

Style: