在列上使用editoptions时，如何在jqGrid中获取select的值
我在jqGrid中有两列edittype=select。如何读取特定行中当前选定值的选项值 e、 g:当我提供以下选项时，如何为联邦快递等获得FE在列上使用editoptions时，如何在jqGrid中获取select的值,select,jqgrid,Select,Jqgrid,我在jqGrid中有两列edittype=select。如何读取特定行中当前选定值的选项值 e、 g:当我提供以下选项时，如何为联邦快递等获得FE editoption: { value: “FE:FedEx; IN:InTime; TN:TNT” } rowId/cellname的getRowData仅返回select的文本/显示组件 如果我在列上设置了一个change data事件，则底层仅在鼠标单击时触发change事件，而不是在键盘选择时触发change事件。有许多引用涉及通用选择和
editoption: { value: “FE:FedEx; IN:InTime; TN:TNT” }
同意，jqGrid处理得不太好。在我的应用程序中，我实际上能够通过不指定编辑选项来解决这个问题，这意味着，键/值都是联邦快递；然后在服务器上完成对ID的转换。这不是编写代码的正确方法，但它对我当时的需要来说已经足够好了。我刚刚通过设置JqGrid unformat选项解决了这个问题，并使用以下函数对单元格值进行了unformat
function Unformat_Select(cellvalue, options, cellobject)
{
var unformatValue = '';
$.each(options.colModel.editoptions.value, function (k, value)
{
if (cellvalue == value)
{
unformatValue = k;
}
});
return unformatValue;
}
editoption:
{
value:
{
FE:'FedEx',
IN:'InTime',
TN:'TNT'
}
}
function JqGridInlineEditor_SelectFormatter(cellvalue, options, rowObject)
{
var temp = '';
$.each(options.colModel.editoptions.value, function (key, value)
{
if (cellvalue == key || cellvalue == value)
{
temp = value;
return false;
}
});
return temp;
}
我也遇到了同样的问题，如果您有这样的需求，每一行都有下拉列表，它的值如下 FE:‘联邦快递’， 在：'时间'， TN:‘TNT’ 现在，不再在下拉更改事件中将数据保存到后端；您希望在行级别的“保存”按钮上保存数据，但希望在选定值TN上保存DropdWn而不是显示文本tnt。您可以创建另一个隐藏字段，以便在内联编辑下拉列表时设置选定的国家/地区代码。在这里，当用户在单元格内联编辑后退出时，将调用afterSaveCell方法，您可以按照以下代码中所述进行设置：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>http://stackoverflow.com/q/9655426/315935</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/css/ui.jqgrid.css" />
<style type="text/css">
html, body { font-size: 75%; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/jquery.jqGrid.src.js"></script>
<script type="text/javascript">
//<![CDATA[
/*global $ */
/*jslint devel: true, browser: true, plusplus: true, nomen: true, unparam: true */
$(document).ready(function () {
'use strict';
var listOptions = "CN:Canada; US:United States; FR:France; IN:India";
var mydata = [{
name: "Toronto",
country: "CN",
continent: "North America",
countrycode: "CN"
}, {
name: "New York City",
country: "US",
continent: "North America",
countrycode: "US"
}, {
name: "Silicon Valley",
country: "US",
continent: "North America",
countrycode: "US"
}, {
name: "Paris",
country: "FR",
continent: "Europe",
countrycode: "FR"
}, {
name: "Pune",
country: "IN",
continent: "Asia",
countrycode: "IN"
}]
$("#gvManageMapping").jqGrid({
data: mydata,
datatype: "local",
colNames: ["Name", "Country", "Continent", "countrycode"],
colModel: [{
name: 'name',
index: 'name',
editable: false,
},
{
name: 'country',
index: 'country',
editable: true, edittype: "select", formatter: 'select', editoptions: {
value: listOptions,
}, editrules: { required: true, integer: false }, formatter: "select"
},
{
name: 'continent',
index: 'continent',
editable: false,
},
{
name: 'countrycode',
index: 'countrycode',
editable: false
}],
afterSaveCell: function (rowid, cellname, value) {
var selectedCountryCode, $this;
if (cellname === 'country') {
$this = $(this);
selectedCountryCode = $this.jqGrid("getCell", rowid, 'country');
$this.jqGrid("setCell", rowid, 'countrycode', selectedCountryCode);
}
},
pager: '#pager',
'cellEdit': true,
'cellsubmit': 'clientArray',
editurl: 'clientArray'
});
});
//]]>
</script>
</head>
<body>
<table id="gvManageMapping"><tr><td /></tr></table>
<div id="pager"></div>
</body>
</html>
否。对getRowaData的调用是在编辑之后进行的，例如，将行数据填充到json对象中以发送到服务器时。只是文档中绝对没有提到获取选择的基本选项值，除了绑定到更改事件，这在一般情况下是不可靠的。是的，我也同意。我想我将恢复到将显示的值（即注册值）映射回密钥服务器端。缺点是值必须是唯一的。顺便说一句，保存CellRowId、cellname、value、iRow、iCol后的事件确实会返回in值。很高兴知道。那么，您最终使用了这种方法吗？可能重复的是，我遇到了完全相同的问题，并在我的colModel中添加了格式化程序：“select”，这也解决了这个问题。