Easy-UI

  • 参考手册:http://www.w3cschool.cc/jeasyui
$('#tt').datagrid('getSelections');
  • 下拉列表
[codesyntax lang="javascript" lines="normal"]
<select class="easyui-combobox" name="judge" panelHeight="auto" style="width:100px">
	<option value="all">所有</option>
	<option value="unmarked">未阅</option>
</select>
[/codesyntax]
  • 日期选择
[codesyntax lang="javascript" lines="normal"]
<input class="easyui-datebox" style="width:110px">
[/codesyntax]
  • 文件选择
[codesyntax lang="javascript" lines="normal"]
<input class="easyui-filebox easyui-validatebox" name="file" required="true" data-options="buttonText:'选择文件', validType:'img'" style="width:100%; height: 32px;" />
[/codesyntax]
  • 扩展默认的校验
[codesyntax lang="javascript" lines="normal"]
$.extend($.fn.validatebox.defaults.rules, {
	img: {
		validator: function(value,param){
			return /^.*[^a][^b][^c]\.(?:png|jpg|bmp|gif|jpeg)$/i.exec(value);
		},
		message: 'Field do not match.'
	}
});
[/codesyntax]
  • 消息提示框
$.messager.alter('title', 'content');

你可能感兴趣的:(jquery,easyui,easy-ui)