`
HogwartsRow
  • 浏览: 59475 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

EasyUI表单赋值和DataGrid中搜索框功能

阅读更多

1、Easy UI表单赋值:

方式一:

//加载自定义下拉框
var comboVal = obj.combo;
var comboTxt = $("#combo_div input[value='" + comboVal + "']").next('span').text();
$('#combo').combo('setValue', comboVal).combo('setText', comboTxt).combo('hidePanel');
var obj = data.obj;//Object
//其他控件
$('#numberspinner').numberspinner('setValue', obj.numberspinner);
$('#timespinner').timespinner('setValue', obj.timespinner);
$('#slider').slider('setValue', obj.slider);
$('#datetimebox').datetimebox('setValue', formatDateTime(obj.datetimebox));
$('#combogrid').combogrid('setValue', obj.combogrid);//单选,多选请使用setValues
$('#combotree').combotree('setValue', obj.combotree);//单选,多选请使用setValues
$('#combobox').combobox('setValue', obj.combobox);//单选,多选请使用setValues
$('#textbox').textbox('setValue', obj.textbox);
$('#numberbox').numberbox('setValue', obj.numberbox);
$('#datebox').datebox('setValue', formatDate(obj.datebox));	
$('#remarks').textbox('setValue', obj.remarks)

 方法二:

var obj = data.obj;//Object
$('#exampleForm').form('load',{
	'numberspinner':obj.numberspinner,
	'timespinner':obj.timespinner,
	'textbox':obj.textbox,
	'datebox':obj.datebox,
	'numberbox':obj.numberbox,
	'slider':obj.slider,
	'datetimebox':obj.datetimebox,
	'combogrid':obj.combogrid,
	'combotree':obj.combotree,
	'combobox':obj.combobox,
	'remarks':obj.remarks
});

 关于方法二中,这种加载数据方式显示在页面上有问题,不建议采用此方法。

 

2、Easy UI 搜索框:

方法一:

var _this = $('#exampleList');
_this.datagrid('load',{
    	'textbox':_textbox,
	'datetimebox_begin':_datetimebox_begin,
	'datetimebox_end':_datetimebox_end,
	'field': _this.datagrid('getColumnFields',true).toString()
 });

 方法二:

$('#exampleList').datagrid({
	queryParams: {
		'textbox':_textbox,
		'datetimebox_begin':_datetimebox_begin,
		'datetimebox_end':_datetimebox_end
	}
});

 

3、Easy UI 清空文本框:

//清空内容
$('#_textbox').textbox('setValue','');
$('#datetimebox_begin').datetimebox('setValue','');
$('#datetimebox_end').datetimebox('setValue','');

 

0
3
分享到:
评论

相关推荐

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    总的来说,EasyUI的Editable DataGrid是一个强大的功能,允许用户在数据表格中直接进行数据操作,极大地提高了交互性和效率。通过理解其工作原理并结合适当的工具,开发者可以轻松地在自己的项目中集成和定制这个...

    easyui datagrid 表格 打印

    当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能并不一定能完美地呈现格式化的数据。标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过...

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    EasyUI Datagrid 中文排序的问题

    本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...

    easyui的datagrid中editor和combogrid的结合使用

    ### easyui的datagrid中editor和combogrid的结合使用 #### 一、easyui简介及datagrid功能概述 easyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的UI组件,帮助开发者快速创建交互式Web应用。其中,...

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    easyui 可编辑datagrid完整例子,支持filebox

    在“可编辑 datagrid 完整例子”中,EasyUI 的 datagrid 组件被用作数据展示和编辑的核心。此例子特别强调了对 filebox 的支持,filebox 是 EasyUI 的一个扩展,用于处理文件上传功能。 在标题和描述中提到的“可...

    easyui帮助手册datagrid

    其 Datagrid 组件是一个功能丰富的表格控件,常用于展示和操作大量结构化的数据。在本篇文章中,我们将深入探讨 EasyUI Datagrid 的主要配置选项及其用途。 1. **columns**:这是 Datagrid 最基本的配置,它是一个...

    EasyUI的tree及datagrid真实使用范例

    在 "EasyUI的tree及datagrid真实使用范例" 中,我们可以看到两个关键页面:MatGeneral.aspx 和 MatGeneral.aspx.cs。前者是前端展示页面,后者是后端处理逻辑的 C# 代码。MatGeneral.aspx 可能包含了 Tree 和 ...

    EasyUI_05-datagrid-src.zip

    2. JavaScript文件:主要包括datagrid的JavaScript实现,以及可能的扩展功能和插件。 3. 示例HTML文件:展示如何在实际项目中使用datagrid,可能包含不同的用例和配置示例。 4. 图片或图标资源:用于美化datagrid...

    struts2+ajax+easyui+json+datagrid增删改查

    Struts2、Ajax、EasyUI、JSON 和 DataGrid 是现代Web开发中常用的技术组合,用于构建功能丰富的交互式用户界面。下面将详细解释这些技术及其在实现增删改查、分页和排序功能中的作用。 **Struts2** 是一个基于MVC...

    EasyUI DataGrid过滤用法实例

    在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid 组件实现数据过滤功能,帮助用户更高效地查找和管理表格中的信息。 首先,`datagrid-filter.js` 文件很可能包含了实现过滤...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    为了增强用户体验,我们还可以添加一些附加功能,比如搜索框,让用户输入关键词进行全文搜索;或者提供清除筛选条件的按钮,方便用户快速重置筛选状态。此外,为了提高性能,可以考虑使用异步加载数据,只在用户需要...

    easyui datagrid在编辑状态下更新列的值

    总结来说,要在EasyUI的Datagrid中实现在编辑状态下更新列的值,需要利用编辑事件,如`onCellEdit`和`onAfterEdit`,并在事件处理函数中执行相应的逻辑。同时,确保在编辑结束后,Datagrid保存的数据是更新后的版本...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    easyui1.7 官网示例大全

    easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip easyui\easyui-datagrid14-demo.zip easyui\easyui-datagrid15-demo....

    Jquery-easyui添加搜索框

    jQuery EasyUI 的搜索框(SearchBox)通常与 DataGrid 或者 ListView 结合使用,提供数据过滤和搜索的功能。搜索框允许用户输入关键词,然后根据这些关键词对显示的数据进行筛选,提高用户体验和数据查找效率。 二...

    easyui datagrid 右冻结

    标题中的“easyui datagrid 右冻结”是指在使用EasyUI框架开发Web应用程序时,针对datagrid组件实现右侧列固定的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的...

    EasyUI-CRUD-DataGrid

    EasyUI 是一个基于 jQuery 的前端框架,主要用于构建用户界面,尤其在Web应用中提供丰富的组件和样式,使得开发者能够快速创建美观且功能齐全的页面。DataGrid 是 EasyUI 中的一个核心组件,它是一个数据表格,可以...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

Global site tag (gtag.js) - Google Analytics