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','');
相关推荐
easyui的datagrid中editor和combobox的级联,在datagrid中编辑项是下拉框的实现方式
easyui的datagrid中editor和combogrid的结合使用,datagrid中编辑项是下拉表的实现方式
EasyUI的tree及datagrid的综合应用
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....
easyui 可编辑datagrid完整例子,支持filebox 项目中的数据库使用的是mysql,内置sql脚本,执行脚本即可创建数据
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
JS EasyUI DataGrid动态加载数据
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
EasyUI Datagrid 中文排序的问题 解决了WEB端和后台(Oracle、MySQL)中文排序问题
struts2+ajax+easyui+json+datagrid增,删,改,查,分页,排序,有数据库
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
easyui成型模板(datagrid+tree+代码+自带数据库.sql)
EasyUI_05-datagrid-src.zip
easyUI页面datagrid动态列和form字段动态添加;项目开发时用到的,废了不少事,大概总了一下,现在发出来共享给想我一样的要用到的菜鸟们,谢谢
EasyUI DataGrid过滤用法实例
easyui的datagrid生成合并行,合计计算价格!
一个update扩展方法 文档中一种是比较笨的方法 一次只能修改一个列而且受列编辑类型影响(比如number datetime)扩展一次编辑多列,不受编辑类型影响,没有编辑属性也可以。
easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也不咋的,但是终归也是官方出品,同时其功能也算是比较丰富。之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为...