<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- easyui的样式 -->
<link rel="stylesheet" type="text/css"
href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
<!-- 小图标的样式 -->
<link rel="stylesheet" type="text/css"
href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../jslib/syUtil.js"></script>
<script type="text/javascript">
$(function() {
$('#cc').combogrid({
mode : 'remote',
delay : 500,
panelWidth : 450,
panelHeight : 150,
url : sy.bp()+'/userController/datagrid.action',
iconCls : "icon-save",
pagination : true,
pageSize : 10,
pageList : [10,20,30],
//fit属性让这个表格填充到父级容器中
fit : true,
//fitColumns让表格自动调整列的宽度,而不出现横向的滚动条
fitColumns : true,
//如果一个列的值太长,需要折行显示,就需要设置nowrap : false
nowrap : false,
border : false,
idField : "id",
//选择后,显示的字段
textField : "name",
sortName : "name",
sortOrder : "desc",
columns : [[
{title:"编号", field:"id", width:100},
{title:"姓名", field:"name", width:100, sortable:true},
{title:"密码", field:"password", width:200},
{title:"创建时间", field:"createdatetime", width:200}
]]
/**
toolbar : [
{text:"新增",iconCls:"icon-add",handler:function(){}},
"-",
{text:"删除",iconCls:"icon-remove",handler:function(){}},
"-",
{text:"修改",iconCls:"icon-edit",handler:function(){}}
]**/
});
});
</script>
</head>
<body style="width:100%;height:100%;">
<input id="cc" style="width:200px">
</body>
</html>
相关推荐
easyui的datagrid中editor和combogrid的结合使用,datagrid中编辑项是下拉表的实现方式
easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。
修改上一个资源版本中结束编辑时...1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
第 34 章 ComboGrid(数据表格下拉框)组件学习要点:1.加载方式2.属性列表3.方法列表主讲教师:李炎恢本课程由北风网和瓢城 Web 俱乐部提供本节
easyui combogrid 本地模糊搜索过滤多列问题,完善点击复选框无法选中数据的问题
asyUI ComboGrid 集成分页、按键示例源码 源码描述: 实现的功能: 1、下拉框下拉时出现表格; 2、表格带分页功能; 3、可以使用向上键、向下键在表格中移动选择行数据; 4、可以使用回车键在表格中选中行数据; 5、...
ComboGrid(下拉grid),ajax实时数据抽取,键盘上下回车等进行数据选取,代码很简洁,希望能帮助大家,(内置jqgrid,combobox-ajax等控件使用,很全面),希望能帮到大家,有疑惑的地方请留意,大家一起探讨
Combogrid 是一个jQuery插件用于为输入框添加高级自完成功能(auto-complete)。当用户输入的时候,会在输入框的下方面动态显示一个拥有分页功能的表格(Grid)控件。 通过Ajax请求,然后结果以JSON(或JSONP:用于...
这几天在项目中前台使用到了easyui 的 combogrid插件为用户提供点选数据项的...1.声明一个combogrid 盘条基本信息编号: <input class=easyui-combogrid type=text id=addWireRodId name=wireRodId style=wid
1、下拉框下拉时出现表格; 2、表格带分页功能; 3、可以使用向上键、向下键在表格中移动选择行数据; 4、可以使用回车键在表格中选中行数据; 5、在下拉框的文本框中输入内容,能查询表格; 6、下拉框的文本框...
NULL 博文链接:https://xiaomy.iteye.com/blog/2280261
jQuery EasyUI API 中文文档 - ComboGrid 组合表格,需要的朋友可以参考下。
对combo进行扩展,支持grid显示。
jquery easyui中的combogrid比较特殊,算是combo和grid的组合,combogrid结合一个可编辑的文本框和下拉数据网格面板,可以让用户迅速找到并选择,又可以进行搜索,展示与当前输入的字符相匹配的数据。下面给大家介绍...
自己写的带分页功能的下拉列表~
主要介绍了EasyUI datagrid editor combogrid搜索框的实现,涉及到EasyUI中combogrid的使用方法的相关知识,非常具有参考价值,需要的朋友可以参考下
扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults 。 依赖 combo datagrid 用法 代码如下: <select id=”cc” name=”dept” style=”width:250px;”><...