源码中内容:cell.css("text-align",(col.halign||col.align||"")); 这里有个属性挺眼熟 : col.align 前面还有一个: col.halign 可以使用此属性实现该功能。代码如下: <th data-options="field:‘title‘, width:400,align:‘left‘ , halign: ‘center‘">标题</th> 其中 align:‘left‘ 控制内容居左 , halign: ‘center‘ 控制标题居中。 原文:http://www.cnblogs.com/chenliang-zibo/p/4446472.html
依据项目须要,基于获取的数据对Form的部分输入框进行填充,而默认的EasyUI的Form 没有该方法。仅仅能一个输入框一个输入框的直接赋值,为此添加了Form对象的setValues,实现依据给定的Id来填充的功能。代码例如以下:$.extend($.fn.form.methods, {setValues: function (myself, data) {var form = $(myself);var opts = $.data(form[0], "form").options;var cols = "," + data.items + ",";for (var name in data.row) {if (col...
来自:http://blog.csdn.net/jin_guang/article/details/36905387 特此感谢 1.validatebox可以用的用法: 前两种适用于单个的validatebox; 第三种应用于整个form里面的输入框; <1>.$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly"); <2>.$("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly"); <3>.$("#Form :input").attr("readonly", "readonly"); //对form里面的禁用...
笔者最近在做一个项目的后台,用到了EasyUI的datagrid控件,并开启了行内编辑功能,实际上也就是使用了edatagird这个空间,引用了edatagrid.js,一切似乎都做的顺风顺水,添加数据、修改数据都没有问题,然而到删除数据的时候居然没有反应,折腾了好几天也没有任何进展。截图如下:前台代码如下:<table id="lsdg" title="设备数据采集列表" singleSelect="true" rownumbers="true" fitColumns="true" toolbar="#toolbar...
jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/; easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出的对话框,不能再继续执行asp.net按钮的后台响应代码。界面如下所示。操作是在...
今天在写代码的时候,遇到个很奇怪的问题:$(‘#department_parent‘).combotree(‘setValue‘, row.id); AjaxForProvince();$(‘#province‘).combobox(‘setValue‘, row.province_id);AjaxForCity(row.province_id);$(‘#city‘).combobox(‘setValue‘, row.city_id);AjaxForZone(row.city_id);$(‘#zone‘).combobox(‘setValue‘, row.zone_id);AjaxForDepartment(row.zone_id);$(‘#department_parent‘).combotree(‘setVa...
版本:1.4. menu的disableItem方法不能禁用使用onClick方式绑定的事件。解决思路如下:重写disableItem方法和enableItem方法。/*** menu方法扩展* @param {Object} jq* @param {Object} itemEl*/
$.extend($.fn.menu.methods, {/*** 激活选项(覆盖重写)* @param {Object} jq* @param {Object} itemEl*/enableItem : function(jq, itemEl) {return jq.each(function(){var jqElements = $(itemEl);var state = $.data(this, ‘men...
function addTabA(title){if ($(‘#tt‘).tabs(‘exists‘, title)){$(‘#tt‘).tabs(‘select‘, title);} else {$(‘#tt‘).tabs(‘add‘,{title:title,content:‘Tab Body ‘ ,iconCls:‘icon-save‘,closable:true});}
}jQuery EasyUI的其他方法调用方式相似
例如:layout 默认收起
$(‘#layout‘).layout(‘collapse‘, ‘north‘); 原文:http://www.cnblogs.com/azhqiang/p/4054510.html
首先要说明的是,onclick="javascript:这里只能写JS的代码,不能写个方法名。",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法” 接下来是easyui的方法://全选$("#mAllSelect").click(function () {$("#dgShowData").datagrid("checkAll");});//反选$("#mUnAllSelect").click(function () {var pageRow = $("#dgShowData").datagrid("getRows")var s...
明确单元格DOM结构要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格的结构有所区别。我们所有内容单元格的默认DOM结构如下:<td field="code"><div style="text-align:left" class="datagrid-cell datagrid-cell-c1-code">文字</div>
</td>
很简单,其实只是两层结构,td标签的field属性便是字段的编码,而单元格内容统一用...
一、遇见的问题 EasyUI是一套比较轻巧易用的Jquery控件,在EasyUI中,我认为,他的表格 , 做的堪称完美。但是,美中不足的是,在使用过程中遇到一个问题,它的列表控件——datagrid,在显示日期列的时候,由于后台返回给页面的数据是Json格式的,其中的一个日期字段,在后台还是正常的“2012-11-10 12:18:00”这样的格式,到了前台页面就被转换成一个像 /Date(1242357713797+0800)/ 这样的格式。 二、解决方案 ...
jsp正常调用 而如果调用再调用jQuery.js文件进去的话,会与jQuery.min.js冲突(easyui的easyui.min.js一般与jQuery.min.js组合来用的),使easyui的部分功能不能使用,经常报没有定义的错误! 原文:http://www.cnblogs.com/zhou-789profession/p/4204727.html
原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/; easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出...
搜索框如下:
通过datagrid的load方法直接传递参数并自动刷新表格通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中js代码(搜索按钮的点击事件部分):
$("#standardQueryBtn").click(function(){//点击搜索按钮的触发事件if($("#offerid").val() != ""){//判断id搜索框的值是否为空$("#dg").datagrid(load,{//调用load方法传递参数,从服务器加载新数据"offer.id":$("#offerid").val(),//将搜索框的值赋给offer...
代码如下:
onClickRow : function(rowIndex, rowData){var editor = $(#datagrid).datagrid(getEditor, {index:rowIndex,field:"buyNum"});editor.target.focus();}点击一行,开启编辑框的同时,将光标放在编辑框中。
rowIndex:是开启编辑框这行当前页的行索引,从0开始;
buyNum:是开启编辑框的字段的名字。
以上就是个人总结的一个小技巧,希望大家能够喜欢。