废话俺就少说了，直接进入正题！！单纯的JS能够导出Excel的不多见，一般都需要调用客户端所安装的Office Excel组件来完成这个工作。这里我主要讲EasyUI内的DataGrid如何结合JS导出Excel文件 一、 导出Excel的核心代码段如下所示 function Exproter() {//获取Datagride的列var rows = $(#test).datagrid(getRows);var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel var oWB = oXL.Workbooks.Add(); //获取workb...
在不改源码的前提下给datebox添加清空按钮var buttons = $.extend([], $.fn.datebox.defaults.buttons);buttons.splice(1, 0, {text: 清空,handler : function(target) {$(target).combo("setValue", "").combo("setText", ""); // 设置空值$(target).combo("hidePanel"); // 点击清空按钮之后关闭日期选择面板} }); $.fn.datebox.defaults.buttons = buttons; 以下是javascript splice的语法，从w3c拷贝，供参考以上这篇给easyui的...
jquery easyui日期控件中，在页面里用JS拿到设置的日期值的方法 jquery获取easyui日期控件的值 jquery easyui 日期框 有这样的一个日期文本框： <input type="text" name="mdate" size="20" value＝"" id="mdate" class="easyui-datebox"/> 使用easyui给文本框选定日期值，然后，要在JS中拿到此日期框中的最新值。 本来以为这是一个简单的问题，直接 var dv = $(#mdate).val(); 不就OK了吗。但事与愿违，拿到的竟然是空，如果我...
最近做表单验证用了easyui form组件。又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的"validate"方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又声明了$(#field1).combobox(); <form id="form1"><input type="text" id="field1" class="easyui-validatebox" value=""><script type="text/javascript">$(#field1).combobox()</script></form>这样表单验证器 页面填写正...
这需要添加如下字段就行，搜了半天，说什么判断是不是子节点什么的，都是胡扯！onlyLeafCheck:true, //病因分类 $(#artReason).combotree({ width:200, method:GET,//url: ${ctx}/business/dict/json/DicEtilolgy,data:DicEtilolgy_data,idField : id,textFiled : name, parentField : pid,animate:true,mode:local,multiple: true,onlyLeafCheck:true,onbeforeselect:function(node){debugger;alert(node.state);if(node.state){...
如下所示： /*** 1）扩展jquery easyui tree的节点检索方法。使用方法如下：* $("#treeId").tree("search", searchText); * 其中，treeId为easyui tree的根UL元素的ID，searchText为检索的文本。* 如果searchText为空或""，将恢复展示所有节点为正常状态*/ (function($) { $.extend($.fn.tree.methods, {/*** 扩展easyui tree的搜索方法* @param tree easyui tree的根DOM节点(UL节点)的jQuery对象* @param searchText 检索的文本*...
更新特定的选项卡面板 可使用update方法，param参数包含2个属性: tab: 将被更新的选项卡。 options: 选项卡相关配置项。 Example: //当前tab var current_tab = $(‘#frame_tabs‘).tabs(‘getSelected‘); $(‘#frame_tabs‘).tabs(‘update‘,{ tab:current_tab, options : { content : ‘<iframe scrolling="auto" frameborder="0" src="‘+URL+‘" style="width:100%;height:100%;"></iframe>‘, //或者 href : ‘‘; } });以上...
本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下： <meta http-equiv="content-type" content="text/html;charset=UTF-8" /><title></title><script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script><script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script><script src="jquery-easyui-1.3.4/locale/easyui-lang-z...
在上篇文章给大家介绍了jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单 先上代码： <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用车管理</title> <link href="../JQuery/easyui/themes/icon.css" rel="stylesheet" /> <link href="../JQuery/easyui/themes/default/easyui.css" rel="stylesheet" /> <script src=".....
本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考，具体如下： 方法很简单，我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示： //事件 onLoadSuccess: function (data) {//模拟测试加载成功后数据Id大于20的都勾选中，并禁用checkboxfor (var i = 0; i < data.rows.length; i++) {if (data.rows[i].Id > 20) {dgObj.datagrid(checkRow, i);//禁用checkbox$(".datagrid...
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考，具体如下： 我们在使用EasyUI Tabs框架时，在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法，这时候我们就可以使用以下方法来实现。 具体实现代码如下所示： function getTabWindow() {var curTabWin = null;var curTab = parent.$(#main-center).tabs(getSelected);if (curTab && curTab.find(iframe).length > 0) {cur...
本文实例讲述了jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法。分享给大家供大家参考，具体如下： 一、问题描述： $(#tb-page-list).datagrid({url: /BisOrderInfo/GetList,pageNumber: 2,pageSize: 10 });当手动设置 pageNumber大于或等于2时，查看请求的方法时，会请求2次，并且第二次的pageNumber等于1； 二、原因所在： jquery.easyui.min.js 1.3.4中的7821-7828行代码； 因为分页控件初始化参数 total...
在jQuery EasyUI中，如果直接在form上布局时当窗口大小调整布局不会改变，将布局应用于body时中间隔着一个form，横竖不好弄。 网上有多个解决方案，一般都是写代码，在窗口大小改变时设置布局。 经实验，新版本的JQuery EasyUI中布局可以采用以下方式来达到自动适应大小： 首先设置样式，使html和body高度为100%（因form和div高度设置为100%需要继承上级）： <style type="text/css">html,body{height:100%;margin:0 auto;}</style...
本文实例讲述了jquery easyui datagrid实现增加，修改，删除的方法。分享给大家供大家参考，具体如下： 页面: <body><form id="form1" runat="server"><table id="tt"></table></form> </body>引用的JS: <link rel="stylesheet" type="text/css" href="/script/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="/script/themes/icon.css" /> <script type="text/javascript" src="/script/jquery-1.4....
EasyUI 的 datagrid 支持服务器端分页，但是官方的资料比较少，以下总结了两种 datagrid 的服务器端分页机制，可根据情况具体使用。 一、使用 datagrid 默认机制 后台： public JsonResult GetQuestionUnit() { // easyui datagrid 自身会通过 post 的形式传递 rows and page int pageSize = Convert.ToInt32(Request["rows"]); int pageNum = Convert.ToInt32(Request["page"]);var dal = new QsQuestionUnitDal(); var question...