简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Code-Sharing für JavaScript-Operationen im yii-Framework

Code-Sharing für JavaScript-Operationen im yii-Framework

高洛峰
高洛峰Original
2016-12-08 13:11:521394Durchsuche

Effektanzeige:

Code-Sharing für JavaScript-Operationen im yii-Framework

Code-Implementierung:

Controller

<?php 
namespace app\controllers; 
use Yii; 
use yii\filters\AccessControl; 
use yii\web\Controller; 
use yii\filters\VerbFilter; 
use app\models\LoginForm; 
use app\models\ContactForm; 
//use yii\db\ActiveRecord; 
use yii\data\Pagination; 
use app\models\EcsGoods; 
class PageController extends Controller 
{ 
//public $layout=false; 
//展示，分页 
public function actionList() 
{ 
$query = EcsGoods::find(); 
$pagination = new Pagination([ 
&#39;defaultPageSize&#39; => 5, 
&#39;totalCount&#39; => $query->count(), 
]); 
$countries = $query 
->offset($pagination->offset) 
->limit($pagination->limit) 
->all(); 
return $this->render(&#39;list&#39;, [ 
&#39;brr&#39; => $countries, 
&#39;pagination&#39; => $pagination, 
]); 
} 
//即点即改 
public function actionUpdates() 
{ 
$request = Yii::$app->request; 
$id = $request->get(&#39;old_id&#39;); 
$name = $request->get(&#39;old_val&#39;); 
$connection=Yii::$app->db; 
$command = $connection->createCommand("update ecs_goods set goods_name=&#39;$name&#39; where goods_id=&#39;$id&#39;"); 
$re=$command->execute(); 
if($re) 
{ 
echo 1; 
} 
} 
//单删 
public function actionDel() 
{ 
$request = Yii::$app->request; 
$id = $request->get(&#39;ids&#39;); 
$connection=Yii::$app->db; 
$command = $connection->createCommand("delete from ecs_goods where goods_id=&#39;$id&#39;"); 
$re=$command->execute(); 
if($re) 
{ 
echo 1; 
} 
else
{ 
echo 0; 
} 
} 
//批删 
public function actionAlldel() 
{ 
$request = Yii::$app->request; 
$id = $request->get(&#39;new_str&#39;); 
$connection=Yii::$app->db; 
$command = $connection->createCommand("delete from ecs_goods where goods_id in($id)"); 
$re=$command->execute(); 
if($re) 
{ 
echo 1; 
} 
else
{ 
echo 0; 
} 
} 
} 
视图层
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<?php 
use yii\helpers\Html; 
use yii\widgets\LinkPager; 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>循环数据</title> 
</head> 
<style> 
table{ 
background-color: pink; 
} 
.dels{ 
border: 1px solid red; 
font-family:楷体; 
background-color: white; 
} 
.trs{ 
background-color: red; 
} 
</style> 
<body> 
<center> 
<p> 
<input type="checkbox" value="全选" onclick="check_qx(this);">全选 
<input type="checkbox" value="全不选" onclick="check_bx(this);">全不选 
<input type="checkbox" value="反选" onclick="check_fx();">反选 
<input type="button" value="批量删除" onclick="check_del();"> 
</p> 
<table border="1"> 
<tr> 
<td><input type="checkbox" onclick="check_qx(this);"></td> 
<td>商品ID</td> 
<td>商品名称</td> 
<td>操作</td> 
</tr> 
<?php 
foreach($brr as $val) 
{ 
?> 
<tr> 
<td><input type="checkbox" name="check[]" value="<?php echo $val[&#39;goods_id&#39;]?>"></td> 
<td><?php echo $val[&#39;goods_id&#39;]?></td> 
<td><span id="<?php echo $val[&#39;goods_id&#39;]?>"><?php echo $val[&#39;goods_name&#39;]?></span></td> 
<td><a href="javascript:void(0)" id="<?php echo $val[&#39;goods_id&#39;]?>" onclick="del(this);">删除</a></td> 
</tr> 
<?php 
} 
?> 
</table> 
<?= LinkPager::widget([&#39;pagination&#39; => $pagination]) ?> 
</center> 
</body> 
</html> 
<script src="jq.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$(document).on(&#39;click&#39;,&#39;.num&#39;,function(){ 
var id=$(this).attr(&#39;id&#39;); 
var _this=$(this); 
var new_val=$(this).html(); 
_this.parent().html("<input type=&#39;text&#39; value="+new_val+" id="+id+">"); 
var inp=$(&#39;.asdf&#39;); 
inp.focus(); 
inp.blur(function(){ 
var old_id=$(this).attr(&#39;id&#39;); 
var old_val=$(this).val(); 
$.get("index.php?r=page/updates",{old_val:old_val,old_id:old_id},function(e){ 
if(e==1) 
{ 
inp.parent().html("<span id="+old_id+">"+old_val+"</span>"); 
} 
else
{ 
inp.parent().html("<span id="+old_id+">"+new_val+"</span>"); 
} 
}) 
}) 
}) 
}) 
//单删 
function del(obj) 
{ 
var ids=obj.id; 
ajax=new XMLHttpRequest(); 
ajax.onreadystatechange=function() 
{ 
if(ajax.readyState==4) 
{ 
//alert(ajax.responseText); 
if(ajax.responseText==1) 
{ 
obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode); 
} 
else
{ 
alert("删除失败"); 
} 
} 
} 
ajax.open("get","index.php?r=page/del&ids="+ids); 
ajax.send(null); 
} 
//全选 
function check_qx(obj) 
{ 
//alert(32432); 
var ids=document.getElementsByName("check[]"); 
//alert(ids); 
if(obj.checked) 
{ 
for(var i=0;i<ids.length;i++) 
{ 
ids[i].checked=true; 
} 
} 
} 
//全不选 
function check_bx(obj) 
{ 
var ids=document.getElementsByName("check[]"); 
if(obj.checked) 
{ 
for(var i=0;i<ids.length;i++) 
{ 
ids[i].checked=false; 
} 
} 
} 
//反选 
function check_fx() 
{ 
var ids=document.getElementsByName("check[]"); 
for(var i=0;i<ids.length;i++) 
{ 
ids[i].checked=!ids[i].checked; 
} 
} 
//批量删除 
function check_del() 
{ 
var ids=document.getElementsByName("check[]"); 
var str=&#39;&#39;; 
for(var i=0;i<ids.length;i++) 
{ 
if(ids[i].checked) 
{ 
str=str+&#39;,&#39;+ids[i].value; 
} 
} 
new_str=str.substr(1); 
ajax=new XMLHttpRequest(); 
ajax.onreadystatechange=function() { 
if (ajax.readyState == 4) { 
//alert(ajax.responseText); 
if(ajax.responseText==1) 
{ 
for(var j=ids.length-1;j>=0;j--) 
{ 
if(ids[j].checked) 
{ 
ids[j].parentNode.parentNode.parentNode.removeChild(ids[j].parentNode.parentNode); 
} 
} 
} 
else
{ 
alert("删除失败"); 
} 
} 
} 
ajax.open("get","index.php?r=page/alldel&new_str="+new_str); 
ajax.send(null); 
} 
</script>

Das Obige ist, was der Editor Ihnen vorstellt Code Teilen zum Auswählen aller, Abwählen aller Elemente, Umkehren der Auswahl, Löschen ohne Aktualisierung, Löschen in Stapeln und Klicken auf Änderungen in der Bibliothek (im yii-Framework) in JavaScript


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js-Funktionsimplementierungsmethode zur Bestimmung des größten Teilstrings von zwei StringsNächster Artikel：js-Funktionsimplementierungsmethode zur Bestimmung des größten Teilstrings von zwei Strings

In Verbindung stehende Artikel

Mehr sehen