EasyUI
zq爱生活爱代码
这个作者很懒,什么都没留下…
展开
-
editor 加载远端数据
注意,ajax异步的时候,你editor加载完,ajax还没执行完,所以你加载的是空数据editor: { type: 'combobox', options: { valueField: 'MAIN_EQP_ID', textField: 'MAIN_EQP_ID.原创 2020-12-13 17:04:36 · 149 阅读 · 0 评论 -
行内编辑
$('#count').datagrid({ url: '../APS_OpenMacMatain/GetPMDetailData', fit: true, pagination: true, //顯示分頁功能 singleSelect: true, //單選 remoteSort: false, //设置列排序就将remoteSort设置为f.原创 2020-12-13 11:46:52 · 184 阅读 · 0 评论 -
修改 datagrid 单元格 格式 style
{ field: 'SUMAHPNLQTY', title: '報廢PNL數匯總', width: 100, align: 'right', sortable: 'true' // ,styler: function (value, row, index) { // 根據單元格的數據,設定單元格的 style // if (value < 10)..原创 2020-12-11 17:07:58 · 267 阅读 · 0 评论 -
easyUI学习记录
Datetimebox 修改默认格式,以及初始值<span style="margin-right:5px;">日期</span> <input id="dtStart" type="text"> $('#dtStart').datetimebox({ required: true, showSeconds.原创 2020-11-22 20:01:09 · 198 阅读 · 0 评论 -
EasyUI 使用中遇到的问题
1、不要对同一个对象,转换控件类型,会有很大烦人的问题2、不要直接对控件进行DOM操作,因为,会出错3、将控件包裹在DIV中进行DOM操作原创 2020-06-03 09:03:04 · 138 阅读 · 0 评论 -
EasyUI datagrid插件 loader属性
loader定义如何从远程服务器加载数据,如果返回false则取消动作。loader属性指向一个函数表达式:function(param, succcess(data), error) {...}。loader: function(param, success, error) { // 定义如何从远程服务器加载数据。返回false则取消动作。一般与$.ajax(settings)等方法结合使用。loader: function(param, success, error) { /..转载 2020-05-25 08:38:53 · 593 阅读 · 0 评论 -
JQuery 自定义方法 和EasyUI 扩展控件方法
JQuery 自定义方法$.extend({ max: function (a, b) { if (a < b) return b; return a; }});或者$.max2 = function (a, b) { if (a > b) return b; return a; };扩展控件方法$.extend($.fn.datagrid.methods, { showdata: function (jq, e) {//测试easyUI自定义方法会自动传递对.原创 2020-05-25 08:09:47 · 251 阅读 · 0 评论 -
EasyUI datagrid 比较全的模板
<div title="統計明細" style="padding:5px;"> <table id="details"></table> </div>$('#count').datagrid({ url: '../ProductScrapAnalysis/GetGridSummaryData', fit: true, //标题栏固定,但是.原创 2020-05-25 08:10:02 · 298 阅读 · 0 评论 -
EasyUI tabs
Tabs多个页签<div id="tt" style="width:100%;height:100%;"> <div title="生產報廢統計明細" style="padding:5px;"> <table id="details"></table> </div> <div title="生產報廢統計工站匯總" style="pad.原创 2020-05-25 08:10:11 · 166 阅读 · 0 评论 -
新增自定义icon图标
<a id="outexcel" class="easyui-linkbutton" data-options="iconCls:'icon-excel'">導出</a>1、 找到一张图片,缩小剪切到16*162、 在EasyUI/themes/icon.css中新增 样式 即可.icon-excel{ background:url('icons/excel.png') no-repeat center center;}...原创 2020-05-23 10:40:25 · 625 阅读 · 0 评论 -
Layout模板 (上下两块示例)
<body class="easyui-layout" style="margin:10px;"> <div data-options="region:'north',hideCollapsedContent:false" split="true" title="查詢條件" style="height:25%;"> </div> <div id="content" region="center" title="查詢結果" style=...原创 2020-05-23 10:33:19 · 710 阅读 · 0 评论 -
Datetimebox 修改默认格式,以及初始值
<span style="margin-right:5px;">日期</span> <input id="dtStart" type="text"> $('#dtStart').datetimebox({ required: true, showSeconds: false, ...原创 2020-05-23 10:31:03 · 250 阅读 · 0 评论 -
combobox 绑定数据以及设定默认值
<input id="factory" name="factory" style="width:80%;">$('#factory').combobox({ url: '../SpeedCountBYS/getFactory', valueField: 'text', textField: 'text', editable:false, //设定选中后不可修改 .原创 2020-05-23 10:26:14 · 1943 阅读 · 0 评论 -
easyui menubutton测试demo
点击cut<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MenuButton.aspx.cs" Inherits="EasyUITest.MenuButton" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml...原创 2020-05-02 10:43:58 · 200 阅读 · 0 评论 -
EasyUI 新增 验证规则 options:{validType:'integer',required:true}
下面的JS直接向引用的JS文件中塞就好!!!(function ($) { /** * * @requires jQuery,EasyUI * * 扩展validatebox,添加验证两次密码功能 */ $.extend($.fn.validatebox.defaults.rules, { eqPwd:...转载 2019-07-18 11:57:50 · 2390 阅读 · 0 评论 -
jquery.edatagrid.js 下载的包里没有这个(不知道是不是我漏掉了)这边备份
/*** edatagrid - jQuery EasyUI** Licensed under the GPL:* http://www.gnu.org/licenses/gpl.txt** Copyright 2011-2015 www.jeasyui.com** Dependencies:* datagrid* messager*...转载 2019-07-18 11:59:35 · 483 阅读 · 0 评论 -
EasyUI C# datagrid CRUD
因为Easy UI 是PHP语言,所以自己尝试修改以下是C# 前后台的配合<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/><link rel="stylesheet" type="text/css" href="easyui/themes/icon.cs...原创 2019-07-17 15:52:58 · 164 阅读 · 0 评论 -
EasyUI Java CRUD
function newUser() { $('#dlg').dialog('open').dialog('setTitle', 'New User'); $('#fm').form('clear'); url = '${pageContext.request.contextPath }/easyui/newBook.ac...原创 2019-07-18 00:02:11 · 165 阅读 · 0 评论 -
EasyUI C# DataGrid 行内编辑
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/><link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"/><link rel="stylesheet" type="text...原创 2019-07-18 11:53:56 · 278 阅读 · 0 评论