按钮ui



按钮UI

一、使用button按钮

1. button()方法的属性

   按钮方法有两种形式：1、button（options），options是以键值对的形式传参，每个键值对表示一个选项；2、button（‘action’，param），action是操作对话框方法的字符串，param则是options的某个选项。

   Button按钮选项

属性

默认值/类型

说明

disabled

false/布尔值

默认为false，设置为true时，按钮是非激活的

label

无/字符串

对应按钮上的文字，如果没有，HTML内容将被作为按钮的文字

icons

无/字符串

对应按钮上的图标，在按钮文字的前面和后面都可以放置一个图标，通过对象键值对的方式完成：{

Primary：‘ui-icon-search’，

Secondary：‘ui-icon-search’

}

text

true/布尔值

当值设置为false时，不会显示文字，但是必须指定一个图标

 

1、disabled:true

2、label:'soso'

3、icons:{

     //文字前面

     primary:'ui-icon-search',  }

4、  text:false//隐藏了文字，只显示显示图标

注意：对于button的事件方法，只有一个create，当创建button时调用。

注意：禁用提交按钮方法：

  (1)$('#reg').parent().find('button').eq(1).button('disable');

(2)$('#reg').dialog('widget').find('button').eq(1).button('disable');

 

二、单选框和复选框

单选：

$('#reg').dialog({

buttons:{

  'yes':function(){}}

});

$('#reg').buttonset();

复选：

$('#reg').dialog({

buttons:{

  'yes':function(){}}

});

$('#reg').buttonset();