gpt4 book ai didi

javascript - 将 jqGrid 与 ArrayData 结合使用并使用添加、编辑和删除按钮

转载 作者:行者123 更新时间:2023-11-28 02:56:01 24 4
gpt4 key购买 nike

我正在尝试获取一个用于简单表格输入的基本数据网格。服务器将发送列信息并渲染相应的表供用户输入记录并将其回传到服务器。

我试图让 jqGrid 将数据保存为 ArrayData 而不是使用数据库,因此我完成了以下代码来测试它:

    <!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/custom-theme/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<style>
html, body {
margin: 0;
padding: 0;
font-size: 75%;
}
</style>

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
datatype: "local",
colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'],
colModel :[
{name:'invid', index:'invid', width:55, editable:true,editoptions:{size:10}},
{name:'invdate', index:'invdate', width:90, editable:true},
{name:'amount', index:'amount', width:80, align:'right', editable:true},
{name:'tax', index:'tax', width:80, align:'right', editable:true},
{name:'total', index:'total', width:80, align:'right', editable:true},
{name:'note', index:'note', width:150, sortable:false, editable:true}
],
pager: '#pager',
rowNum:10,
rowList:[10,20,30],
sortname: 'invid',
sortorder: 'desc',
viewrecords: true,
caption: 'My first grid',


}).navGrid('#pager', {add:true, del:true});
myfirstrow = {
invid:"1",
invdate:"2007-10-01",
note:"note",
amount:"200.00",
tax:"10.00",
total:"210.00"}
jQuery("#list").addRowData("1", myfirstrow);
});
</script>

</head>
<body>
<table id="list"></table>
<div id="pager"></div>
</body>
</html>

点击添加行并填写表单后,选择提交会弹出“无 URI 设置消息”,有谁知道我如何解决这个问题,这样我就可以在客户端输入表数据,然后发送一次性将所有数据传回服务器?

谢谢

最佳答案

我认为您收到的消息表明 jqGrid 需要一个 URI 集,以便它知道将数据发送到哪里。您需要添加“url”或“editurl”设置,并将其值设置为数据应发布到的 URL。 jqGrid 将使用 AJAX 发布该数据。

关于javascript - 将 jqGrid 与 ArrayData 结合使用并使用添加、编辑和删除按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2623314/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com