<!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>
相关推荐
1. **初始化combogrid editor**: - 使用`$.extend`方法扩展datagrid默认的editors，将`combogrid`添加到其中。 ```javascript $.extend($.fn.datagrid.defaults.editors, { combogrid: { init: function...
### combogrid 本地搜索多列匹配及复选框选中问题 #### 一、问题背景与概述 在使用EasyUI框架中的`combogrid`组件时，可能会遇到两个主要问题：一是本地模糊搜索功能在多列上的实现；二是点击复选框时，无法正确...
这样，我们就可以通过`.combogrid-f`类找到所有的Combogrid实例，然后设置查询参数并重新加载数据，实现了在DataGrid编辑器中的Combogrid搜索功能。 总结来说，本文详细讲解了如何在EasyUI DataGrid中扩展Combogrid...
1. **数据绑定**：Combogrid控件可以绑定到数据源，如Ext.data.Store，这样就能动态地加载和显示数据。Store可以配置远程数据源，支持JSON、XML、CSV等多种格式。 2. **模板配置**：用户可以自定义显示模板，以决定...
$('#box').combogrid('setValues', [1, 2]); ``` ComboGrid 的事件处理机制继承自 Combo 和 DataGrid，因此可以利用这两个组件的事件来实现更复杂的交互逻辑。例如，可以监听 `onSelect` 事件来处理用户选择某一...
easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时，输入框显示图标按钮，实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。
修改上一个资源版本中结束编辑时...1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时，输入框显示图标按钮，实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
1. **GridComboBox.js**：这个文件很可能是实现combogrid扩展的主要代码。它可能包含了一个自定义的Ext.Component，继承自原生的Ext.form.field.ComboBox，并添加了显示grid的功能。可能包括了创建grid、设置数据源...
asyUI ComboGrid 集成分页、按键示例源码 源码描述： 实现的功能： 1、下拉框下拉时出现表格； 2、表格带分页功能； 3、可以使用向上键、向下键在表格中移动选择行数据； 4、可以使用回车键在表格中选中行数据； 5、...
知识点1：combogrid的声明和数据加载 在使用easyui combogrid时，需要声明一个combogrid控件，并加载数据项。可以通过ajax请求远程数据，并将其存储在一个变量中，以便后续使用。在加载数据时，需要指定数据项的...
Combogrid 是一个jQuery插件用于为输入框添加高级自完成功能（auto-complete）。当用户输入的时候，会在输入框的下方面动态显示一个拥有分页功能的表格（Grid）控件。 通过Ajax请求，然后结果以JSON（或JSONP：用于...
ComboGrid(下拉grid)，ajax实时数据抽取，键盘上下回车等进行数据选取，代码很简洁，希望能帮助大家，（内置jqgrid，combobox-ajax等控件使用，很全面），希望能帮到大家，有疑惑的地方请留意，大家一起探讨
其中，ComboGrid是一个将下拉选择框（combo）和表格（grid）功能结合的组件，允许用户在一个输入框中选择值，并可显示一个可编辑的表格，表格中可以展示更详细的数据。 ComboGrid组合表格的API文档通常会详细说明...
"带分页功能的下拉列表combogrid"是一个特定的组件，它结合了下拉列表（dropdown）和数据网格（grid）的功能，同时引入了分页机制，以提供更好的用户体验。这个组件通常用于在大量数据中进行高效检索和选择。 分页...
1、下拉框下拉时出现表格； 2、表格带分页功能； 3、可以使用向上键、向下键在表格中移动选择行数据； 4、可以使用回车键在表格中选中行数据； 5、在下拉框的文本框中输入内容，能查询表格； 6、下拉框的文本框...
功能齐全，支持模糊匹配、多选等功能，能满足大部分需求，如果有用过easyui 或者 ext 你会发现其实他们的用法很相似的，配置项参数也基本相同 使用说明：http://blog.csdn.net/lzxadsl/article/details/48859625 ...
jquery easyui中的combogrid比较特殊，算是combo和grid的组合，combogrid结合一个可编辑的文本框和下拉数据网格面板，可以让用户迅速找到并选择，又可以进行搜索，展示与当前输入的字符相匹配的数据。下面给大家介绍...