分别获得两个gridpanel的storevarstore1=grid1getStore();varstore2=grid2getStore();获取grid1中选中的选择模式varsm=grid1getSelectionModel()获取grid1中选中的数据varrecords=smgetSelections()//返回的是ExtdataRecord对象数组将选中记录放到grid2的store中store2insert(0,records);
ExtgridEditorGridPanel afterEdit事件,就是每次编辑完一个列之后就提交到后台进行修改 *** 作
传回的参数有egrid - grid本身。This grid
erecord - 正在编辑的record。The record being edited
efield - 正在编辑的字段名。The field name being edited
evalue - 正在设置的值(value)。The value being set
eoriginalValue - 在编辑之前的原始值。The original value for the field, before the edit
erow - grid行索引。The grid row index
ecolumn - grid行索引。The grid column index
listeners:{
afterEdit: function(e){
erecord 正在编辑的record。
}
efield - 正在编辑的字段名
evalue - 正在设置的值(value)。
eoriginalValue - 在编辑之前的原始值。
这个不是很难的,我先提供一个思路:(我指的是VFP) 第一步:将EXCEL数据导入一个数据表,即dbf数据表。注:excel表与dbf表中字段必须一一对应。 第二步:grid控件中显示数据表中内容。至于grid中显示什么,可以另行按要求设计代码,比如全部显示、部分显示、规定日期范围的内容显示等等。 VB我不熟悉!
示例:
var lastFlag ;
$gridTable = $("#gridTable")jqGrid( {
datatype : 'json',
colNames : ['age', 'sex' ],
colModel : [
{name : 'age',index : 'age',width : 80,editable:true,edittype:'text',editrules:{required:true}},
{name : 'sex',index : 'sex',width : 160,editable:true,edittype:'text',editrules:{required:true}}
],
rowNum : 10,
pager : "#tablePager",
multiselect : false,
viewrecords : true,
sortorder : "desc",
jsonReader : {
root : "dataRows",
repeatitems : false
},
caption : "数据列表",
height : "auto",
rownumbers : true,
onSelectRow : function(id){
if(id && id!=lastFlag){
$('#gridTable')jqGrid('saveRow',lastFlag);
lastFlag=id;
}
$('#gridTable')jqGrid('editRow',id,true);
},
editurl : "/propManagedomethod=doNothing"
})
/ 设置增行按钮的click事件处理 /
$("#addButton")bind("click", function() {
var selectedId = $("#gridTable")jqGrid("getGridParam", "selrow");
var dataRow = {
age: "",
sex: ""
};
var ids = jQuery("#gridTable")jqGrid('getDataIDs');
var rowid = getMaxId(ids) + 1;
if (selectedId) {
$("#gridTable")jqGrid("addRowData", rowid, dataRow, "after", selectedId);
} else {
$("#gridTable")jqGrid("addRowData", rowid, dataRow, "last");
}
})
/ 设置删行按钮的click事件处理 /
$("#removeButton")bind("click", function() {
var selectedId = $("#gridTable")jqGrid("getGridParam","selrow");
if(!selectedId){
alert("请选择要删除的行");
return;
}else{
$("#gridTable")jqGrid("delRowData", selectedId);
}
})
问题1:JQGRID 编辑模式下怎样取行数据?
用户 *** 作模拟:用户新增一行,鼠标点进去,该行进入编辑状态,填写数据,点击保存。
问题出现了: 点击保存以后,需要通过getRowData()获取表格里的数据传回后台,但是当行在编辑状态下时,getRowData()取得的值为类似<input ></input> 的html标签,不是编辑框中输入的值。
解决办法:
alert getRowData()获取出的数据,你会发现<input>标签的id是5_age, 6_age之类的,也就是行id+“_colModel name”,这就好办了,
做法就是找到编辑行的单元格的id,然后得到单元格里的内容,通过"setRowData"将其保存起来,然后再通过getRowData()取值。
示例:
var selectedId = $('#gridTable')jqGrid("getGridParam", "selrow");
var ageId = selectedId + "_age";
var sexId = selectedId + "_sex";
var age= $('#'+ageId)val();
var sex= $('#'+sexId)val();
$('#gridTable')jqGrid('setRowData',selectedId,{age:age,sex:sex},'');
再通过getRowData()取值,结果正确。
页面:
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<Listeners>
<RowSelect Handler="setSelectIndex(rowIndex);#{frompanel}getForm()loadRecord(record);" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
js代码:
function setSelectIndex(index) {
documentgetElementById("hid_index")value = index;
}
var index = documentgetElementById("hid_index")value;
var id = StoreInvoicegetAt(index)get('InvoiceId');
s里已经取到gridpanel的store中某个单元格的值,放进隐藏域
//关联终端
string[] item_terminalid = thishid_item_terminalidTextTrim()Split(',');
if (item_terminalidLength > 0)
{
for (int i = 0; i < item_terminalidLength; i++)
{
if (item_terminalid[i] != "" && item_terminalid[i] != null)
{
MsecTerminalManagementInfo terminal = baseManagerFactoryterminalManagementSrvGet(intParse(item_terminalid[i]));
objMsecTerminalManagementInfosAdd(terminal);
}
}
}
以上就是关于grid.getChanges 怎么获取不取Grid的修改数据,一点没反应全部的内容,包括:grid.getChanges 怎么获取不取Grid的修改数据,一点没反应、ExtJs4 获取grid.panel中的被修改数据,该怎么处理、vfp怎样读取grid控件某行某列的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)