随笔分类 - EasyUI
摘要：前台UI参考代码： <script type="text/javascript" charset="utf-8"> $(function(){ /***************************邮箱列表*********************************/ $('#single_
阅读全文
摘要：一、利用jQuery EasyUI的DataGrid创建CRUD应用 对网页应用程序来说，正确采集和管理数据通常很有必要，DataGrid的CRUD功能允许我们创建页面来列表显示和编辑数据库记录。本教程将教会你如何运用jQuery EasyUI框架来实现DataGrid的CRUD功能 。 我们会用到
阅读全文
摘要：二、DataGrid的扩展应用 上一份教程我们创建的一个CRUD应用是使用对话框组件来增加或编辑用户信息。本教程将教你如何创建一个CRUD 数据表格（datagrid）. 为了让这些CRUD功能正常工作，我们会用到edatagrid.js插件。 第一步：在HTML标识里定义DataGrid Html
阅读全文
摘要：1.前台页面 2.strust.xml的配置 [html] view plain copy <package name="easyui" extends="struts-default"> <action name="getAllUserAction" class="com.ssh.action.U
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Context Menu on DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css"
阅读全文
摘要：Html <div region="center" border="false" style="padding:0px 3px 0px 3px;margin:0px;"> <table id="test"></table> </div> 初置化gird $(function(){ loadgrid(
阅读全文
摘要：<script type="text/javascript"> var cols = [{ field: 'testName', title: '<span class="dropitem">测试名</span>', align: 'center',width:120 }, { field: 'te
阅读全文
摘要：具体实现代码如下： ery-easyui 中表格的行编辑功能 ery-easyui 中表格的行编辑功能 ery-easyui 中表格的行编辑功能 【阿里云】携手码云为社区用户送福利，全网专享，详情请点击>>> » datagrid现在具有行编辑能力了，使用时只须在columns中为需要编辑的列添加一
阅读全文
摘要：var $obj;$(function() { $obj = $("#configQueryGrid"); $obj.datagrid({ loadMsg : '数据加载中请稍后……', url : root + 'esbService/sysConfigQuery.do', //url : roo
阅读全文
摘要：<!-- 导入框 --> <div id="importWin" class="easyui-window" title="服务封装清单导入" style="width:600px;height:200px" data-options="iconCls:'ope-import',modal:true
阅读全文
摘要：//查询： function doSearch(form){ var fields =$('#queryForm').serializeArray(); var $fm = $(form); var params = $fm.datagrid('options').queryParams; $.ea
阅读全文
摘要：Tree: easyui tree的异步加载实现很简单，easyui的中文API文档中有实例（http://api.btboys.com/easyui/）——创建异步树形菜单，就是在tree node 元素中要有一个id属性，同时还需要state的属性（state为'closed'的时候，点击节点时
阅读全文
摘要：自定义方法： Js代码 (function($) { $.extend($, { //获取下标，删除时使用 getArrayIndex : function (array,value) { var index = -1; var length = array.length; for (var i =
阅读全文
摘要：1、主JSP页面中描绘弹窗 Html代码 <div id="centerDiv" data-options="region:'center',border:false"> <table id="networkQueryGrid" data-options="queryForm:'#queryForm
阅读全文
摘要：配置Textarea不可拖动变大变小： 只能自己扩展 textarea 才能实现，配置不用修改，直接扩展就行 只能自己扩展 textarea 才能实现，配置不用修改，直接扩展就行 Js代码 jQuery.extend(jQuery.fn.datagrid.defaults.editors, { co
阅读全文
摘要：用方法 $("#dataGrid").datagrid("loadData",(function (){ $("#dataGrid").datagrid("loading"); return [];//[]需要加载的数据 })()); 在datagrid的事件onLoadSuccess中添加 onL
阅读全文
摘要：实现方式： 首先根据输入的sql语句获得相关的列名称返回给前台，然后在datagrid中动态加载列，接着根据查询条件（包括sql语句）获取相关的记录返回给前台用于填充datagrid。从而实现类似oracle web版的sql查询。 前台主要js为： Js代码 function sqlSearch(
阅读全文
摘要：当在datagrid行内部应用添加编辑操作时，引入combobox是非常方便的操作，我在引入combobox时对数据源这快做个总结，在做demo的过程中遇到个问题，就是当你选择了下拉框的值后点击保存，此时显示的是value值，而不是text值，这时使用格式化函数解决此问题。 1 2 3 4 5 6
阅读全文
摘要：var markAll = '';//标记是否选中了全选按钮 var cacelIds = [];//标记取消选中行的ID var checkIds = [];//标记选中的行的ID //grid的事件 onLoadSuccess : function(data) { if (markAll ==
阅读全文
摘要：function pagerFilter(data) { if (typeof data.length == 'number' && typeof data.splice == 'function') { // is array data = { total: data.length, rows:
阅读全文
浙公网安备 33010602011771号