EasyUI
文章平均质量分 94
佐佑时代
这个作者很懒,什么都没留下…
展开
-
jQuery EasyUI/TopJUI实现数据表格的增删改查功能(不写js,纯HTML实现!!!)
jQuery EasyUI/TopJUI数据表格的增删改查功能(不写js,纯HTML实现!!!)废话不多说,直接贴上代码<table id="configEdatagrid" data-toggle="topjui-edatagrid" data-options="id:'configEdatagrid', idField:'uuid', ...原创 2019-05-24 18:32:24 · 460 阅读 · 0 评论 -
jQuery EasyUI/TopJUI输入框事件监听
jQuery EasyUI/TopJUI输入框事件监听代码如下:<div data-toggle="topjui-panel" title="" data-options="fit:true,iconCls:'icon-ok',footer:'#footer'"> <div class="topjui-container"> &l...原创 2019-06-21 20:08:16 · 458 阅读 · 0 评论 -
jQuery EasyUI/TopJUI创建文本验证框(不写js,纯HTML实现!!!)
jQuery EasyUI/TopJUI创建文本验证框(不写js,纯HTML实现!!!)validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。效果展示:代码如下:<div data-toggle="topjui-p...原创 2019-06-21 20:05:57 · 302 阅读 · 0 评论 -
jQuery EasyUI/TopJUI创建日期时间输入框
jQuery EasyUI/TopJUI创建日期时间输入框日期时间输入框组件HTML和日期输入框类似,日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框,它在下拉面板中添加了一个时间微调器。<div class="topjui-container"> <fieldset> <legen...原创 2019-06-17 15:45:50 · 165 阅读 · 0 评论 -
jQuery EasyUI/TopJUI创建日期输入框
jQuery EasyUI/TopJUI创建日期输入框日期时间输入框组件HTMLrequired:必填字段,默认为false;prompt:显示在输入框的提示性文字;pattern:日期格式 YYYY、YYYY-mm <div class="topjui-container"> <fieldset> <leg...原创 2019-06-17 15:44:15 · 216 阅读 · 0 评论 -
jQuery EasyUI/TopJUI基本的数字输入框(保留两位小数,带前缀后缀...)
jQuery EasyUI/TopJUI基本的数字输入框(保留两位小数,带前缀后缀...)numberbox(数值输入框)HTMLrequired:必填字段,默认为false;prompt:显示在输入框的提示性文字;min/miax:最小/最大值;precision:保留的小数位数;prefix:'¥':带前缀;suffix:'$':带后缀;groupSeparator:','...原创 2019-06-17 15:41:41 · 384 阅读 · 0 评论 -
jQuery EasyUI/TopJUI创建树形表格下拉框
jQuery EasyUI/TopJUI创建树形表格下拉框第一种方法(纯HTML创建)<div class="topjui-row"> <div class="topjui-col-sm12"> <label class="topjui-form-label">组织机构</label> ...原创 2019-06-04 18:44:17 · 341 阅读 · 0 评论 -
JQuery Easyui/TopJUI 基本树形表格的创建
html<table data-toggle="topjui-treegrid" data-options="id:'menuTg', idField:'id', treeField:'text', url:remoteHost+'/system/codeItem/getListByCodeSetIdAndLevelId?c...原创 2019-06-02 19:42:51 · 417 阅读 · 0 评论 -
JQuery Easyui/TopJUI表格基本的删除功能(删除当前行和多选删除)
需求:数据表格datagrid实现删除当前行和多选删除的功能。html<a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options=" btnCls:'topjui-btn-red', onClick:delRow, iconC...原创 2019-05-29 17:39:22 · 319 阅读 · 0 评论 -
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能html<table id="productDg"></table><!-- 表格工具栏开始 --><div id="productDg-toolbar" class="topjui-toolbar" data-options="grid:{ ...原创 2019-06-06 14:19:32 · 258 阅读 · 0 评论 -
jQuery EasyUI/TopJUI上传多个附件并可以进行删除操作
jQuery EasyUI/TopJUI上传多个附件并可以进行删除操作 html<table data-toggle="topjui-datagrid" data-options="id:'productDg', url:'../../json/datagrid/product-list.json'"> <thead> ...原创 2019-06-06 11:58:52 · 223 阅读 · 0 评论 -
JQuery Easyui/TopJUI 多表头创建
JQuery Easyui/TopJUI 多表头创建废话不多说,直接贴上代码。html<div data-toggle="topjui-layout" data-options="fit:true"> <div data-options="region:'center',iconCls:'icon-reload',title:'',split...原创 2019-05-30 19:00:44 · 123 阅读 · 0 评论 -
EasyUI/TopJUI可编辑表格的列根据返回数据判断是使用 combobox 还是 numberbox
这两天研究了一下topjui的可编辑表格edatagrid,想在每一列的后面根据返回的数据判断是使用 combobox 还是 numberbox,期间遇到了一些坑,下面实现代码,需要的朋友可以参考一下。json数据 html<table data-toggle="topjui-edatagrid" data-options="id:'co...原创 2019-05-23 18:45:41 · 540 阅读 · 0 评论 -
EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色
简单记录一下前段时间接到客户需求:动态改变下拉列表框ComboBox输入框的背景颜色。刚开始想的很简单在用户选择列表项的时候,判断一下列表框的value值添加相应的背景颜色就OK了,然而在实际操作的时候发现,怎么操作都没有效果,后来检查了一下html结构才知道原来操作的不是显示在页面上的元素,害我浪费了一些时间。具体代码如下:第一种:HTML<div class="to...原创 2019-05-22 17:23:56 · 735 阅读 · 0 评论 -
JQuery Easyui/TopJUI 创建多级联动下拉框(纯HTML实现!!!)
JQuery Easyui/TopJUI 创建多级联动下拉框(纯HTML实现!!!)效果展示:代码如下:<form data-toggle="topjui-form"> <div class="topjui-container"> <fieldset> <legend>调用本地数...原创 2019-06-21 20:10:50 · 614 阅读 · 0 评论