Javascript jqgrid-添加、编辑、删除isn'；行不通
我无法添加、编辑、删除和搜索 甚至我把editrules:{required:true}也放在那里不起作用 （firebug中的错误显示“isEmtpy不起作用”）Javascript jqgrid-添加、编辑、删除isn'；行不通,javascript,jqgrid,Javascript,Jqgrid,我无法添加、编辑、删除和搜索 甚至我把editrules:{required:true}也放在那里不起作用 （firebug中的错误显示“isEmtpy不起作用”） 这是mycode index.html <!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.
这是mycode index.html
<!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>jqgrid</title>
<!-- installation files of jqgrid -->
<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqgrid.css" />
<script src="js/jquery-1.7.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>
<!-- installation files of jqgrid -->
<script type="text/javascript">
function mypricecheck(value, colname) {
if (value < 0 || value >20)
return [false,"Please enter value between 0 and 20"];
else
return [true,""];
}
jQuery().ready(function (){
jQuery("#list1").jqGrid({
url:'server.php?q=1',
datatype: 'xml',
//colNames:['ProductCode','ProductCategoryID', 'ProductBrandID', 'ProductDescription','ProductOriginal','ProductCompatible','ProductDealerPrice'],
colModel:[
{name: "ProductCode", index: "ProductCode", label: "รหัสสินค้า", width: 50, editable:true, key: true , edittype: 'text', editoptions: { dataInit: function (el) { $(el).css('text-transform', 'uppercase'); }} },
{name: "ProductCategoryID", index: "ProductCategoryID", label: "หมวดหมู่", width: 60, editable: true, edittype: 'select', editoptions:{value:{Toner:'Toner',Inkjet:'Inkjet',Ribbon:'Ribbon','Fax Film':'Fax Film'}} },
{name: "ProductBrandID", index: "ProductBrandID", label: "แบรนด์", width: 50, editable: true, edittype: 'select', editoptions:{dataUrl: "optbrand.php"} },
{name: "ProductDescription", index: "ProductDescription", label: "คำอธิบาย", width: 120, editable: true},
{name: "ProductOriginal", index: "ProductOriginal", label: "รุ่นออริจินัล", width: 140, editable: true},
{name: "ProductCompatible", index: "ProductCompatible", label: "เหมาะสำหรับรุ่น", width: 200, editable: true},
{name: "ProductDealerPrice", index: "ProductDealerPrice", label: "ราคาเดลเลอร์", width: 40, editable: true, editrules:{number:true},sorttype:'number',formatter:'number'}
],
rowNum:10,
autowidth: true,
rowList:[10,20,30],
pager: jQuery('#pager1'),
sortname: 'ProductCategoryID',
viewrecords: true,
sortorder: "asc",
caption: 'ฐานข้อมูลสินค้า',
rownumbers:true,
height:'auto',
editurl:'server.php',
});
jQuery("#list1").jqGrid('navGrid','#pager1',{edit:true,add:true,del:true,view:true,search:true,refresh:true});
});
</script>
</head>
<body>
<table id="list1"></table>
<div id="pager1"></div>
</body>
</html>
jqgrid
函数mypricecheck（值，colname）{
如果（值<0 | |值>20）
返回[false，“请输入介于0和20”之间的值]；
其他的
返回[真，“]；
}
jQuery（）.ready（函数（）{
jQuery（“#list1”）.jqGrid({
url:'server.php？q=1'，
数据类型：“xml”，
//ColName:['ProductCode'、'ProductCategoryID'、'ProductBrandID'、'ProductDescription'、'ProductOriginal'、'ProductCompatible'、'ProductDealerPrice']，
colModel：[
{名称：“产品代码”，索引：“产品代码”，标签：รหัสสินค้า", 宽度：50，可编辑：true，键：true，edittype:'text'，editoptions:{dataInit:function（el）{$（el）.css（'text-transform'，'uppercase'）；}，
{名称：“ProductCategoryID”，索引：“ProductCategoryID”，标签：หมวดหมู่，宽度：60，可编辑：true，edittype:'选择'，editoptions:{值：{墨粉：'Toner'，喷墨：'Inkjet'，色带：'Ribbon'，'Fax Film'：'Fax Film'}}，
{名称：“ProductBrandID”，索引：“ProductBrandID”，标签：แบรนด์，宽度：50，可编辑：true，edittype:'select'，editoptions:{dataUrl:'optbrand.php}，
{名称：“ProductDescription”，索引：“ProductDescription”，标签：คำอธิบาย，宽度：120，可编辑：true}，
{名称：“ProductOriginal”，索引：“ProductOriginal”，标签：รุ่นออริจินัล，宽度：140，可编辑：true}，
{名称：“ProductCompatible”，索引：“ProductCompatible”，标签：เหมาะสำหรับรุ่น，宽度：200，可编辑：true}，
{名称：“ProductDealerprise”，索引：“ProductDealerprise”，标签：ราคาเดลเลอร์，宽度：40，可编辑：true，编辑规则：{number:true}，排序类型：'number'，格式化程序：'number'}
],
rowNum:10，
自动宽度：正确，
行列表：[10,20,30]，
寻呼机：jQuery（“#pager1”），
sortname:'ProductCategoryID'，
viewrecords：是的，
分拣员：“asc”，
描述:'ฐานข้อมูลสินค้า',
行数：对，
高度：'自动'，
editurl:'server.php'，
});
jQuery（“#list1”）.jqGrid（'navGrid'，'#pager1'，{edit:true，add:true，del:true，view:true，search:true，refresh:true}）；
});
<?php
include "jq-config.php";
$page = $_GET['page']; // get the requested page
$limit = $_GET['rows']; // get how many rows we want to have into the grid
if($limit < 0) $limit = 10;
$sidx = $_GET['sidx']; // get index row - i.e. user click to sort
$sord = $_GET['sord']; // get the direction
if(!$sidx) $sidx =1;
// connect to the database
$db = mysql_connect($dbhost, $dbuser, $dbpassword)
or die("Connection Error: " . mysql_error());
mysql_select_db($database) or die("Error conecting to db.");
$result = mysql_query("SELECT COUNT(*) AS count FROM tb_product");
$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; // do not put $limit*($page - 1)
if($start <0)
{
$start = 0;
}
$SQL = "SELECT * FROM tb_product ORDER BY $sidx $sord LIMIT $start , $limit";
$result = mysql_query( $SQL ) or die("Couldnt 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[ProductCode]."'>";
echo "<cell>". $row[ProductCode]."</cell>";
$tmp = $row['ProductCategoryID'];
$sql1 = "SELECT ProductCategoryName FROM tb_productcategory WHERE ProductCategoryID = '$tmp' ";
$result1 = mysql_query($sql1) or die (mysql_error());
list($ProductCategoryName) = mysql_fetch_row($result1);
$tmp = $row['ProductBrandID'];
$sql1 = "SELECT ProductBrandName FROM tb_productbrand WHERE ProductBrandID = '$tmp' ";
$result1 = mysql_query($sql1) or die (mysql_error());
list($ProductBrandName) = mysql_fetch_row($result1);
echo "<cell><![CDATA[". $ProductCategoryName."]]></cell>";
echo "<cell><![CDATA[". $ProductBrandName."]]></cell>";
//echo "<cell>". $row[ProductCategoryID]."</cell>";
//echo "<cell>". $row[ProductBrandID]."</cell>";
echo "<cell><![CDATA[". $row[ProductDescription]."]]></cell>";
echo "<cell><![CDATA[". $row[ProductOriginal]."]]></cell>";
echo "<cell><![CDATA[". $row[ProductCompatible]."]]></cell>";
echo "<cell>". $row[ProductDealerPrice]."</cell>";
echo "</row>";
}
echo "</rows>";
?>
mon这是jqGrid 4.3.2版本的第二个版本中已知的错误。您可以在和中阅读详细信息。问题现在已在github上的jqGrid代码中得到解决。因此，您可以从下载jquery.jqGrid.src.js的固定版本，也可以从下载jqGrid的最后一个版本。在最后一种情况下，您必须遵循以下哪种方法描述如何使用jqGrid模块，而不是使用一个
jquery.jqGrid.src.jsjquery.jqGrid.min.jsjq的固定版本query.jqGrid.src.jsjquery.jqGrid.src.jsjquery.jqGrid.min.js谢谢，妈妈谢谢，妈妈