
easyui
前端js框架
yb305小白
挨踢小白。。。。
展开
-
修改datagrid某个单元格颜色
修改datagrid某个单元格颜色原创 2024-12-23 15:26:01 · 170 阅读 · 0 评论 -
easyui comboBox的多选框之疑难杂症——逗号篇
<input id="steels" name="stids" class="easyui-combobox" data-options="prompt:'请选择钢厂',valueField:'id',textField:'name',multiple:true,url:'/vip/users/steellist', panelHeight:'200px'" style="width: 150px">转载 2021-06-10 10:25:21 · 750 阅读 · 0 评论 -
easyui tree 检索树节点(3)
easyui tree 检索转载 2017-03-24 14:39:07 · 3024 阅读 · 2 评论 -
easyUI dialog的close和destroy区别
之前在用easyUI的时候遇到一个问题,一直困扰着我。问题:使用dialog来实现保存和编辑框,使用dialog.(“close”)来关闭dialog框,这个时候如果有两个页面的保存页面的表单的字段相同时,这两个表单的东西就会混乱。要不就是保存时打不开,要不就是编辑页面打开数据初始化不了。解决思路:使用close的方法来关闭dialog时,此dialog并不是完全消转载 2017-03-24 14:52:34 · 6260 阅读 · 1 评论 -
easyui datagrid editgrid 可编辑datagrid(8)
1.源码 可编辑的datagrid html,body{width:100%;} $(function () { var datagrid; //定义全局变量datagrid var editRow = undefined; //定义全局变量:当前编辑的行 datagrid = $("原创 2017-03-24 15:06:48 · 802 阅读 · 0 评论 -
easyui datagrid 多表头
1.源代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="原创 2018-01-10 16:13:12 · 1034 阅读 · 0 评论 -
easyui-linkbutton 改变按钮样式
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Button Group - jQuery EasyUI Demo</title> <link rel="stylesheet" type=&qu原创 2018-12-06 16:18:39 · 12392 阅读 · 0 评论 -
easyui-linkbutton 修改图标、修改text、禁用、启用、选中、取消按钮
<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>1、获取linkbutton属性var attr = $('#btn').linkbutton("options");var icon = $('#btn'原创 2018-12-07 10:06:38 · 3673 阅读 · 0 评论 -
easyui Tabs 标签页/选项卡
1、通过标记创建标签页(Tabs)<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;">tab1</div>原创 2018-12-07 10:38:47 · 555 阅读 · 0 评论 -
easyui的tree节点的获取和选中(2)
1.设置选中tree的节点var node = $('#tt').tree('find', 1);//找到id为”tt“这个树的节点id为”1“的对象$('#tt').tree('select', node.target);//设置选中该节点2.获取选中节点的值$("#tt").tree('getSelected').id$("#tt").tree('getSelect转载 2014-12-09 10:41:53 · 17984 阅读 · 4 评论 -
easyu tree节点的拖拽(1)
var treedata = [{"id":"0","text":"根节点","state":"open"," children":[{"id":6,"text":"一层子节点1", "state":"open","iconCls":"icon-location","children":[{"id":58,"text":"二层子节点","sta转载 2014-12-09 10:04:28 · 1763 阅读 · 0 评论 -
easyui datagrid客户端分页(7)
$("#id").datagrid({fit : true,border : false,pagination : true,fitColumns : true,pageList : [ 10, 50, 100, 150, 200, 250, 300 ],pageSize : 10,autoRowHeight : false,rownumbers : true,原创 2016-04-29 09:43:35 · 910 阅读 · 0 评论 -
easyui中回车键实现关闭弹窗口和查询功能
//回车触发document.onkeydown = function (e) {var ev = document.all ? window.event : e;if (ev.keyCode == 13) {if ($(".window").css("display") == "none" && $(".messager-window").css("display") != "b转载 2014-12-09 10:54:21 · 2475 阅读 · 0 评论 -
easyui datagrid表格嵌套子表
1.源码<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="jquery,ui,easy,easyui,web"> <meta name="descriptio...原创 2017-01-12 15:26:19 · 8139 阅读 · 2 评论 -
easyui datagrid 创建带Toolbar的表格(1)
<meta name="description" content="easyui help you build your web page easily!">创建带复选框的datagrid<link rel="stylesheet" type="text/css" href="./javascript/jquery-easyui-1.5.1/themes/default/easyui.cs原创 2017-01-12 15:14:50 · 3054 阅读 · 0 评论 -
easyui datagrid 创建带复选框表格(2)
1.源码<meta name="description" content="easyui help you build your web page easily!">创建带复选框的datagrid<link rel="stylesheet" type="text/css" href="./javascript/jquery-easyui-1.5.1/themes/default/e原创 2017-01-12 14:48:11 · 8864 阅读 · 0 评论 -
easyui datagrid 默认选中行(3)
1.默认选中行 $('#dg').datagrid('selectRow',index);// 注释:index:当前行的索引2.获取选中行的值 var row = $('#dg').datagrid('getSelected'); 3.选中一行datagrid属性设置 singleSelect:true;原创 2017-01-12 14:08:31 · 15840 阅读 · 0 评论 -
easyui datagrid 自定义按钮列(4)
1.源码content="easyui help you build your web page easily!">创建Datagrid按钮列href="./javascript/jquery-easyui-1.5.1/themes/default/easyui.css">href="./javascript/jquery-easyui-1.5.1/th原创 2017-01-12 11:59:17 · 1930 阅读 · 0 评论 -
EasyUI扩展 datagrid列名包含特殊字符会导致表格错位(5)
在 jquery.easyui.min.js 文件中搜索 "[\.|\s]"关键字,请放心搜索,1.3.3(包含1.3.3)之后的各大版本均有销售,搜到之后你会发现这其实是一个replace函数的正则表达式,我们只要将replace函数的执行结果进一步替代成十六进制就可以了,于是乎,代码就变成了:field.replace(/[\.|\s]/g, "-").replace(/.转载 2016-04-29 09:36:52 · 677 阅读 · 0 评论 -
easyui扩展:datagrid鼠标经过提示单元格内容(6)
1.引入datagridTooltip.js2.使用$("#id").datagrid({fit : true,border : false,pagination : true,fitColumns : true,singleSelect : true,pageList : [ 10, 50, 100, 150, 200, 250, 300 ],pageSize转载 2016-04-29 09:23:32 · 2999 阅读 · 0 评论 -
easyui给页面表单load值
var data = {"pk_id":9,"name":1,"age":260} ;//json格式数据$("#formid").form("reset");//清空上次数据$("#ormid"").form("load",data);//给页面赋值转载 2014-12-09 09:47:00 · 1807 阅读 · 0 评论