关于easyUI一些标签的使用

①table:

1.class="easyui-datagrid":指定为easyUI的表格布局

2.pagination="true":带分页的表格

3.rownumbers="true":表格带行号

4.toolbar="#tb":指定工具条,可以设定一个div布局为工具条

5.fit="true":宽度自适应

6.fitColumns="true":使列自适应

7.url:设置表格的请求地址

8.<th>中:field="userName",其中填的是实体的字段名称,这样数据才能显示出来

②a标签

1.class="easyui-linkbutton":指定为超链接按钮

2.iconCls="icon-add":指定为easyUI的图标

3.plain="true":指定为无边框

4.onkeydown="if(event.keyCode==13) searchUser()":当按下enter键后会调用searchUser()方法

③easyui-dialog(对话框)

1.class="easyui-dialog":指定为easyui对话框

2.closed="true":设置对话框为可关闭

3.buttons="#dlg-buttons":设置对话框的按钮组(可以用div指定)

④input标签

1.class="easyui-validatebox":指定为的输入框

2.required="true":指定为必填属性

⑤select标签(下拉框)

1.editable="false":设置为不可编辑

2.panelHeight="auto":设置为自动高度

时间: 2024-10-14 10:14:25

关于easyUI一些标签的使用的相关文章

JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel

前文使用了easyui的tab标签.切换问题,使用了session保存当前选中页,然后页面总体刷新时再切换至上次保存页码.那么使用updatepanel后,这个问题就非常好攻克了.http://blog.csdn.net/yysyangyangyangshan/article/details/38578403引用dll上文已说过.以下直接看怎样改进tab在页面中的使用.前台代码: <%@ Register Assembly="System.Web.Extensions, Version=1

JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题

前面使用easy ui来实现了一个tabs标签(http://blog.csdn.net/yysyangyangyangshan/article/details/38307477),不过在ASP.NET中使用时发现了一个问题. 大家都知道,asp.net页面的控件,当控件的事件不是使用 "return js函数();"时,或者控件注册的是后台的事件,那么整个页面会重新加载的.此时这个easy ui实现的tabs标签,总是回到了第一个tab页.虽然可以借助ajax和jQuery的方法,来

Easyui下删除显示标题的表头

使用Easyui创建标签页时出现以下多标题表头的情况. 解决方法:删除style样式中的 "title=xxxx"即可,删除div和table的title后效果如下: 原文地址:https://www.cnblogs.com/zhagzicheg/p/9166292.html

jeecg使用心得

接触到jeecg框架是在去年进入公司时候,公司是小型公司,自己没有成熟框架,以BS模式为主流的 web方向,还处于空白,但随着市场的变化,不得不转型来提高营收,此时接触到了jeecg开源框架,此框架为企业级急速开发框架,不了的的可以百度下这类框架的,对于目前状态来说,此框架确实也满足了所需,此刻就开始接触jeecg框架,去年六七月份版本为3.6.5.刚开始接触此类框架连安装都存在困难,好在技术群里网友jim的帮助和看bbs官方论坛必看问题,总算是跑起来了. 在用此框架的过程中,认识到此框架集成了

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效; 一.初始代码: {field: 'id',title : '操作',align: 'center',width:'10%', formatter:function(value,row){ return  "<a onclick='show()' > 查看 </a>"; } }, function show(){ va

jQuery EasyUI使用教程之创建标签页

<jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件.标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体. 标签一次只能显示一个面板,每个面板都有标题.图表和关闭按钮.当标签被选中之后,会显示相应面板的内容. 查看演示 使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板. < div class="easyui-tabs" style="width:400px;height:100

easyui 标签和ajax冲突的问题

初始html:使用$('#frmLogin').serialize()无法获取表单值 <body> <form id="frmLogin" method="post"> <div id="divLogin" class="easyui-dialog" title="Login Form" style="width:400px; height:200px;"

EasyUI 布局 - 动态添加标签页(Tabs)

首先导入js <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"> <link rel="stylesheet" href="../js/easyui/themes/icon.css"> <script type="text/javascript" src="../js/jquery

EasyUI 的Tab 标签添加右键菜单

样式: 主要提供右键功能代码. (只需要提供你需要的js和css就行了) <!doctype html> <html> <head> <base href="/smile/" /> <title>标签右键菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />