jqgrid demo

本人是用php写的，相信只要稍微用点时间看本人写的，就一定能看懂

前台代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>my frist jqgrid</title>
<meta name="description" content="" />
<meta name="keywords" content="" />

afterSubmit: function(response,postdata){
var msg = response.responseText;
msg = "<xml>"+msg+"</xml>";
var result = jQuery(msg).find("status").text();
if(result == "success")
return [true,"添加成功!",""];
else
return [false,"添加失败！",""];
},
afterShowForm:function(formid){
// var date = new Date();
// jQuery(‘#cdate‘).val(date.toLocaleDateString());
},
};
var edit_options={
width:320,
height:‘auto‘,
left:250,
top:40,
reloadAfterSubmit:true,
jqModal:true,
addCaption: "编辑该项目信息",
bSubmit: "保存",
bCancel: "关闭",
closeAfterEdit:true,
afterSubmit:function(response,postdata){
//alter(response.responseText);
var msg = response.responseText;
//msg = "<xml>"+msg+"</xml>";
var result = jQuery(msg).find("status").text();
if(result == "success"){
return [true,"修改成功!",""];
}
else
return [false,"修改失败！",""];
},
};
var search_option = {
width:620,
height:150
};
jQuery("#list").jqGrid(
‘navGrid‘,‘#pager‘,
{
edit:true,edittext:"修改",add:true,addtext:"增加",
del:true,deltext:"删除",refresh:true,refreshtext:"刷新"
},edit_options,add_options,{},search_option,{}
);
});
</script>

后台显示和修改代码

<?php
/*include("db.php");*/

$page=$_GET[‘page‘];//获取表格page值,默认1
$limit=$_GET[‘rows‘];//获得表格中rowNum值，表示需要多少行
$sidx=$_GET[‘sidx‘];//获得默认排序值
$sord=$_GET[‘sord‘];//获得排序方式，初始值为sort or der值
$search=$_REQUEST[‘_search‘];
if(!$sidx)$sidx=1;
$db=mysql_connect(‘localhost‘,‘lj‘,‘1111‘)or die("连接问题:".mysql_error());

mysql_select_db(‘lj‘)or die("无法连接上库");
$result = mysql_query("SELECT COUNT(*) AS count FROM invheader a");
$row = mysql_fetch_array($result,MYSQL_ASSOC);
$count=$row[‘count‘];

if($count>0){
$total_pages=ceil($count/$limit);
}else{
$total_pages=0;
}
if($page>$total_pages)$page=$total_pages;
$start=$limit*$page-$limit;
if($search==‘false‘){
$SQL = "SELECT a.invid, a.invdate, a.amount,a.tax,a.total,a.note FROM invheader a WHERE "
." a.invid ORDER BY $sidx $sord LIMIT $start,$limit";
}
else{
$searchString=$_REQUEST[‘searchString‘];
$SQL = "SELECT a.invid, a.invdate, a.amount,a.tax,a.total,a.note FROM invheader a WHERE "
." a.invid=".$searchString." ORDER BY $sidx $sord LIMIT $start,$limit";
}

/*var_dump($SQL);die;*/
$result = mysql_query( $SQL ) or die("Couldn?t execute query.".mysql_error());

if ( stristr($_SERVER["HTTP_ACCEPT"],"application/xhtml+xml") ) {
header("Content-type: application/xhtml+xml;charset=utf-8"); } else {
header("Content-type: text/xml;charset=utf-8");
}
$et = ">";

echo "<?xml version=‘1.0‘ encoding=‘utf-8‘?$et\n";
echo "<rows>";
echo "<page>".$page."</page>";
echo "<total>".$total_pages."</total>";
echo "<records>".$count."</records>";
// be sure to put text data in CDATA
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
echo "<row id=‘".$row[‘invid‘]."‘ >";
echo "<cell>". $row[‘invid‘]."</cell>";
echo "<cell>". $row[‘invdate‘]."</cell>";
echo "<cell>". $row[‘amount‘]."</cell>";
echo "<cell>". $row[‘tax‘]."</cell>";
echo "<cell>". $row[‘total‘]."</cell>";
echo "<cell><![CDATA[". $row[‘note‘]."]]></cell>";
echo "</row>";
}
echo "</rows>";

后台添加代码

<?php
$oper=$_POST[‘oper‘];
switch ($oper) {
case ‘add‘:
$invid=$_REQUEST[‘invid‘];
$invdate=$_REQUEST[‘invdate‘];
$amount=$_REQUEST[‘amount‘];
$tax=$_REQUEST[‘Tax‘];
$total=$_REQUEST[‘Total‘];
$note=$_REQUEST[‘note‘];

$sql=<<<EOF
INSERT INTO invheader(invid,invdate,amount,tax,total,note)
VALUES($invid,‘$invdate‘,$amount,$tax,$total,$note);
EOF;
$db=mysql_connect(‘localhost‘,‘lj‘,‘1111‘)or die("连接问题:".mysql_error());
mysql_select_db(‘lj‘)or die("无法连接上库");
$result = mysql_query( $sql ) or die("Couldn?t execute query.".mysql_error());
//$command=Yii::app()->db->createCommand($sql);
if($result>=0 ){
echo "<xml><status>success</status></xml>";
}else{
echo "<xml><status>error</status></xml>";
}
break;
case ‘edit‘:
$invid=$_REQUEST[‘invid‘];
$invdate=$_REQUEST[‘invdate‘];
$amount=$_REQUEST[‘amount‘];
$tax=$_REQUEST[‘Tax‘];
$total=$_REQUEST[‘Total‘];
$note=$_REQUEST[‘note‘];

$sql=<<<EOF
update invheader set invid=$invid,invdate=$invdate,
amount=$amount,tax=$tax,total=$total,note=$note
where invid=$invid
;
EOF;
var_dump($sql);
$db=mysql_connect(‘localhost‘,‘lj‘,‘1111‘)or die("连接问题:".mysql_error());
mysql_select_db(‘lj‘)or die("无法连接上库");
$result = mysql_query( $sql ) or die("Couldn?t execute query.".mysql_error());
//$command=Yii::app()->db->createCommand($sql);
if($result>=0 ){
echo "<xml><status>success</status></xml>";
}else{
echo "<xml><status>error</status></xml>";
}
break;
case ‘del‘:
$invid=$_REQUEST[‘id‘];
$sql=<<<EOF
delete from invheader where invid=$invid
EOF;
var_dump($sql);
$db=mysql_connect(‘localhost‘,‘lj‘,‘1111‘)or die("连接问题:".mysql_error());
mysql_select_db(‘lj‘)or die("无法连接上库");
$result = mysql_query( $sql ) or die("Couldn?t execute query.".mysql_error());
//$command=Yii::app()->db->createCommand($sql);
if($result>=0 ){
echo "<xml><status>success</status></xml>";
}else{
echo "<xml><status>error</status></xml>";
}
break;
default:
# code...
break;
}
?>

时间： 2024-12-15 15:09:50

jqgrid demo

jqgrid demo的相关文章

jqGrid 各种参数详解

jqGrid api 中文说明

JqGrid 使用方法详解

jqGrid API 全

自己动手写javaEE框架-为jqgrid换换皮肤然后加到我的框架里

【转】jqGrid学习之介绍

Jqgrid学习API

jQuery插件：jqGrid引入及基本属性

JQGrid 参数、属性API