请教:easyui combogrid 在动态加载下如何 selectOnNavigation?
easyui combogrid 在动态加载下如何 selectOnNavigation?
下面的代码有问题在哪儿?去掉 keyHandler这段selectOnNavigation就有效了,有keyHandler这段selectOnNavigation就无效果?请问如何处理。
test11.php
下面的代码有问题在哪儿?去掉 keyHandler这段selectOnNavigation就有效了,有keyHandler这段selectOnNavigation就无效果?请问如何处理。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>无标题文档</title>
<link rel="stylesheet" type="text/css"
href="/Public/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css"
href="/Public/themes/icon.css"/>
<script type="text/javascript"
src="/Public/js/jquery-1.11.2.js"></script>
<script type="text/javascript"
src="/Public/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript"
src="/Public/js/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#cc").combogrid({
keyHandler: {
up: function(e){},
down: function(e){},
left: function(e){},
right: function(e){},
enter: function(e){},
query: function (q, e) {
$("#cc").combogrid("grid").datagrid("reload", {'keyword': q});
$("#cc").combogrid("setValue",q);
}
}
});
$("#cc").combogrid({
url: 'test11.php',
method: 'post',
selectOnNavigation:true
});
}
)
</script>
</head>
<body>
<select id="cc" class="easyui-combogrid" style="width:250px" data-options="
panelWidth: 500,
idField: 'itemid',
textField: 'productname',
mode:'remote',
columns: [[
{field:'itemid',title:'Item ID',width:80},
{field:'productname',title:'Product',width:120},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:200},
{field:'status',title:'Status',width:60,align:'center'}
]],
pagination : true,
pageSize: 20,
pageList: [20,50],
fitColumns: true,
striped: true
">
</select>
</body>
</html>
test11.php
<?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2015/4/29
* Time: 21:24
*/
$str ='{"total":10,"rows":[
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
]}';
echo $str;
...全文
相关推荐
easyui datagrid 行编辑中combogrid和combobox显示问题
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
easyui的datagrid中editor和combogrid的结合使用
easyui的datagrid中editor和combogrid的结合使用,datagrid中编辑项是下拉表的实现方式
easyui combogrid实现本地模糊搜索过滤多列
本篇文章主要介绍了easyui combogrid实现本地模糊搜索过滤多列,非常具有实用价值,需要的朋友可以参考下
EasyUi中的Combogrid 实现分页和动态搜索远程数据
jquery easyui中的combogrid比较特殊,算是combo和grid的组合,combogrid结合一个可编辑的文本框和下拉数据网格面板,可以让用户迅速找到并选择,又可以进行搜索,展示与当前输入的字符相匹配的数据。下面给大家介绍EasyUi中的Combogrid 实现分页和动态搜索远程数据
easyui datagrid editor combogrid和combobox
easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。


