Jqwidgets数据网格计数
jqwidgets datagrid numeration
我想创建jqwidgets数据网格,我想要所有列作为字符串,但当我通过javascript添加新行而不是一些字符串值,组件设置我的数字0,1,2,3 .
代码如下:
var source ={
datatype: "json",
cache:false,
contentType: 'application/json; charset=utf-8',
datafields: [
{ name: 'uid', type:'string'},
<%
int count = 1;
for(String col : us.columns) {
if(count == us.columns.length) {
%>
{ name: '<%= col %>' }
<%
}
else {
%>
{ name: '<%= col %>' },
<%
}
++count;
}
%>
],
url:"<%= request.getContextPath() %>/test/list/",
addrow: function (rowid, rowdata, position, commit) {
//alert(rowdata.uid +" "+ rowdata.ime);
//alert($.param(rowdata));
$.ajax({
url: "<%= request.getContextPath() %>/test/add/",
type: "POST",
data: $.param(rowdata),
success: function(data) {
//alert(data.error + " " + data.result + " " + data.mess);
alert(data.ime + " " + data.columns);
$("#historygrid").jqxGrid('updatebounddata');
increment++;
commit(true);
},
error:function(data) {
alert(data);
commit(false);
}
});
},
deleterow: function (rowid, commit) {
//commit(true);
}
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#testgrid").jqxGrid({
width: 659,
height: 300,
source: dataAdapter,
theme: 'office',
editable: true,
selectionmode: 'singlecell',
autoheight: false,
altrows: false,
showtoolbar: true,
rendertoolbar: function (toolbar) {
var me = this;
var container = $("<div style='margin: 5px;'></div>");
toolbar.append(container);
container.append('<input id="addrowbutton" type="button" value="Dodaj novi red" />');
container.append('<input style="margin-left: 5px;" id="deleterowbutton" type="button" value="Obrisi oznaceni red" />');
//container.append('<input style="margin-left: 5px;" id="updaterowbutton" type="button" value="Update Selected Row" />');
$("#addrowbutton").jqxButton();
$("#deleterowbutton").jqxButton();
// create new row.
$("#addrowbutton").on('click', function () {
var datarow = newrow();
var commit = $("#testgrid").jqxGrid('addrow', null, datarow);
});
// delete row.
$("#deleterowbutton").on('click', function () {
var selectedrowindex = $("#testgrid").jqxGrid('getselectedrowindex');
var rowscount = $("#testgrid").jqxGrid('getdatainformation').rowscount;
if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
var id = $("#testgrid").jqxGrid('getrowid', selectedrowindex);
var commit = $("#testgrid").jqxGrid('deleterow', id);
}
});
},
columns: [
{ text: 'UID', datafield: 'uid', editable:false, width: '10%'},
<%
count = 1;
for(String col : us.columns) {
if(count == us.columns.length) {
%>
{ text:'<%= col %>', datafield: '<%= col %>', width: '45%'}
<%
}
else {
%>
{ text:'<%= col %>', datafield: '<%= col %>', width: '45%'},
<%
}
++count;
}
%>
]
});
var newrow = function (i) {
var row = {};
row["uid"] = "hallo";
<%
for(String col : us.columns) {
%>
row["<%=col%>"] = "Default Value";
<%
}
%>
return row;
}
检查uid的newrow函数,我设置值"hello",但我得到0和每一行我得到增量值,这看起来像数值或?如何解决这个问题?
如果你不想要自动生成id,你需要设置源对象的id成员
相关文章:
- 剑道网格jQuery动画()问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 我可以更改剑道UI网格吗's的外键值
- jqGrid树网格问题
- 在Three.js中导出网格会提高性能吗
- 如何在剑道网格初始化后设置pageSizes
- 在threejs中使用纹理网格和线框网格
- 如何在可分组的剑道网格中设置空数据文本
- 如何在Angular UI网格中选择下一行
- ExtJS网格单元格编辑器,防止焦点松动问题
- 多维数据集网格未在指定的分区中绘制
- 光线投射从内部投射时不会碰到网格
- 使用javascript在MVC中查找网格长度时出错
- 如何刷新AngularJs剑道网格
- 使用导航属性创建Kendo UI网格模型的问题
- ui网格将单元格显示为选择标记
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 使用按钮的Angular UI网格过滤器
- 如何在master中调用细节网格作为单击事件
- ui网格:在自定义表头模板中触发排序