随笔分类 - JQuery EasyUI
摘要：easyui datagrid查询时需要动态生成列，网上收集了一些资料，最终实现和大家分享一下：JS脚本：var grid; $(function(){ grid = $('#tt').datagrid({ fit: true,//自动大小 rownumbers:true,//行号 //loadMsg:'数据装载中......', singleSelect:true,//单行选取 pagination:false,//显示分页 columns:[[...
阅读全文
摘要：$('#day_health').datagrid({ url: "sqb_bweb_day_health.aspx?mode=day_health", pagination: true, total: 2000, pageSize: 10, pageList: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100], rownumbers: true, ...
阅读全文
摘要：function load(sdate) { $.getJSON("workorder/statistics.do", { sdate : sdate+'-01' }, function(resp) { //获取数据源 var columns = new Array(); //定义列集合 var row = resp.rows[0]; //获取首行数据 //根据首行数据创建columns配置 $.each(row, function(i, v) { if (i != "user...
阅读全文
摘要：扩展datagrid的一个方法keyCtr$.extend($.fn.datagrid.methods, { keyCtr : function (jq) { return jq.each(function () { var grid = $(this); grid.datagrid('getPanel').panel('panel').attr('tabindex', 1).bind('keydown', function (e) { switch (e.keyCode) { ...
阅读全文
摘要：前台主要代码：<script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700, height : 250, columns : [ [ { field : 'code', title : 'Code', width : ...
阅读全文
摘要：发现最近有些人问用JQuery easyui要怎么实现左右结构的布局。就是点击左边的菜单在右边的tab中打开。其实easyui要实现这种布局很简单，只需要简单的几行代码就ok了。特意做了一个小小的demo供大家参考，还把怎么实现tab的右键菜单附上。效果图：源码：js部分：$(function () { //动态菜单数据 var treeData = [{ text : "菜单", children : [{ text : "一级菜单1", attributes ...
阅读全文
摘要：JQuery代码var $win;$win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0.5, shadow: true, modal: true, iconCls: 'icon-add', closed: true, minimizable: false, maximizable:...
阅读全文
摘要：源代码：前台（html）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>邮件列表</title> <link re
阅读全文