easyui
叫我阿龙啊
一个码农啊
展开
-
easyui 手风琴 accordion展示左侧二级菜单写法
废话不多讲,先上一张效果图共同学们参考:当然工作平台一下也有相应的二级菜单,之前使用递归写无限级菜单,因为遇到种种问题搁置了,下一篇小编继续奉上现在展示数据结构:var json=[{ "m_id": 1, "m_name": "工作平台", "m_code": "001", "m_childrenId": 0, "m_icon": &qu原创 2018-05-22 10:42:47 · 4018 阅读 · 4 评论 -
easyui tree递归回绑数据 选中checkbox
老规矩先看效果图:在网上百度过好多方法最常用的是一下方式var node = $('#tt').tree('find', 1);//找到id为”tt“这个树的节点id为”1“的对象$('#tt').tree('check', node.target);//设置选中该节点采用以上的方式可能会有问题,当然 因数据而异 仔细看文档有所发现 可以设置checked:true这里有一...原创 2018-08-15 11:23:26 · 1667 阅读 · 0 评论 -
Easyui 动态获取分页的page 跟 rows
直接上代码不做解析一目了然: //page页码 var page = $("#btnList").datagrid('options').pageNumber; //rows每页记录条数 var rows = $("#btnList").datagrid('options').pageSize; 效果...原创 2018-06-26 10:30:42 · 3989 阅读 · 0 评论 -
easyui datagrid table在没有数据时显示相关提示内容
老规矩先上图:当数据为空时相应的提示数据美化,接下来看代码解决这个问题的方式有很多种博主给出项目中常用的两种:在这里补充一点 在easyui 1.5 版本 新增一个新的属性emptyMsg 可以直接定义第一种: var body = $(this).data().datagrid.dc.body2; var width = body.width(); body.find('tab...原创 2018-06-25 10:44:13 · 7106 阅读 · 2 评论 -
改变 Easyui TreeGrid默认图标
废话不多说先上图看效果:带文件夹的菜单名称不用管,只要你返回的json数据里 属性名是 iconCls :'icon图标名称' json图标属性名必须是:iconCls Easyui默认,否则不显示;附上json格式:很简单到这里就结束了。...原创 2018-06-02 10:17:48 · 4313 阅读 · 1 评论 -
Easyui TreeGrid树形表格返回json数据不显示问题
老规矩还是先上图看效果:这是正确的效果图差不多花了两天的时间去研究这个TreeGrid树形表格,错误原因就是 json 问题,先看返回的json数据:{ "menu": [{ "m_id": 1, "m_name": "工作平台", "m_code": "001", "m_childrenId": 0,原创 2018-06-01 16:07:45 · 1769 阅读 · 0 评论 -
Easyui datagrid 分页
老规矩还是先上效果图:其实这个分页非常简单,耽误了大半天的时间,还是对easyui 理解的不够透彻,网上有很多关于easyui 的demo 或者列子,看完之后我们总是被误导,导致想的太复杂。接下来看看easyui 传递的两个参数:easyui 传递的两个参数分别是 page 是页码 rows 每页显示的条数这两个参数不用刻意挂在地址,easyui自动给你挂上,那么我们在后台怎么接收呢?当然是在后台...原创 2018-06-22 10:50:28 · 397 阅读 · 0 评论 -
Easyui combobox 默认选中第一个
还是先上图看效果:这里默认选中的就是第一个工作平台 废话不多讲上代码$("#f_Menu").combobox({ data:data.listMenu, valueField:'m_id', textField:'m_name', ...原创 2018-06-07 11:12:40 · 8036 阅读 · 0 评论 -
Easyui dataGrid 定义哪些字段排序
先上一张效果图:这个排序很简单加上几个属性就可以搞定,那么又同学会问家那个属性下面介绍:博主用的是sortable 跟 remoteSort 简单介绍一下这两个属性sortable: 设成true代表这列可以排序,false就是不可以remoteSort: 定义从服务器对数据进行排序。类型 boolean 设置为false 意思是说在客户端排序 ,true 是服务端排序上代码:当然还有其他的方法,...原创 2018-06-21 15:15:14 · 1834 阅读 · 0 评论 -
关于Easyui textbox 赋值问题
Easyui 赋值跟普通赋值有点不太一样,如果你使用普通的 $("#id").val("张三") 或者 $('input [name='name']').val("张三") 对easyui-textbox 无效 但是对asyui-validatebox 确实有效的 那该怎么给textbox 赋值呢?赋值方式:$('input [name='userName']').textbox('setVal...原创 2018-06-06 19:03:19 · 6732 阅读 · 2 评论 -
Easyui combobox 手动输入问题
这里就不上图了很简单的一个问题,如果你使用easyui 的combobox 下拉框 可能碰见过可以手动输入任何值 又或者 选择之后还可以手动输入把选好的值改变了,可以把combobox 禁用掉 使用 editable = "false" 就可以...原创 2018-06-06 10:18:21 · 5775 阅读 · 0 评论 -
Easyui 使用input placeholder无效的问题
还是先上效果图:图一这个就是想要的效果,input灰色字体,一开始使用的 input class="easyui-validatebox" placeholder这样的用法没有错,最终效果跟图一 相同,如果你使用 input class="easyui-textbox" placeholder 也就是那么恭喜你,想要的效果不会如你所愿, 开个玩笑啊,如果你是用的input class="eas...原创 2018-06-06 10:00:51 · 5632 阅读 · 2 评论 -
关于Easyui combobox 数据不显示问题
还是先上图看效果:这是正确的效果,小编不显示的原因是json数据的问题,下面是API要求的返回json格式:[{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3, "text":"text原创 2018-06-05 18:12:03 · 6717 阅读 · 5 评论 -
Easyui Accordion 默认展开第一个分类
还是先上效果图:很简单一句话搞定: //默认展开第一分类 selected:可有可无(selected 默认0) $("#west").accordion({ selected:0 })附上代码: //添加二级菜单 $("#west").accordio...原创 2018-05-24 16:50:30 · 2531 阅读 · 0 评论 -
Easyui 绑定左侧菜单,右侧显示内容,动态添加多个tab
老规矩还是先上图看效果:左侧菜单,右侧展示内容以及title 接着看前台jsp代码:前台代码很简单,按照官方的要求写就可以,重点是红色框里别忘了加最后一步就是js绑定事件在这里我给出代码需要的同学直接copy,这里是onclick()点击事件,数据为测试数据,替换自己真实数据 <ul><li><a href="#" onclick="openTab(测试,http:/...原创 2018-05-24 10:53:28 · 9612 阅读 · 15 评论 -
关于easyui调整下拉框的高度自适应
首先做一下对比:没有修改前的下拉框 ,底部会多出一块空白处并没有适应这是修改之后的下拉拉框,自适应它会根据下拉列表的内容自适应高度附上解决方法:<select id="" class="easyui-combobox" name="dept" style="width:170px; height: 25px" data-options="editable:fals...原创 2019-09-02 15:30:54 · 490 阅读 · 0 评论