iwebshop全选、反选、批删、即点即改

来源：互联网发布：苹果手机数据找回编辑：程序博客网时间：2024/06/03 17:03

html页面

{js:artTemplate}

{js:jquery}
<div class="headbar">
<div class="position"><span>商品</span><span>></span><span>商品管理</span><span>></span><span>商品列表</span></div>
<div class="operating">
<button id='qx'>全选</button>
<button id='fx'>反选</button>
<button id='qbx'>全不选</button>
<button id='ps'>批删</button>
</div>
</div>

<form action="" method="post" name="orderForm">
<div class="content">
<table class="list_table" border="1">
<colgroup>
<col width="40px" />
<col />
<col />
<col />
</colgroup>
<thead>
<tr>
<th>选择</th>
<th>名称</th>
<th>数量</th>
<th>状态</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php foreach($this->list as $k=>$v){?>
<tr id = "<?php echo $v['id'];?>">
<td><input name="check" type="checkbox" value="<?php echo $v['id'];?>" id="selectAll"/></td>
<td><a href="javascript:modify({$v['id']},'name');" id="p{$v['id']}"><?php echo $v['name'];?></a></td>
<td><span class="num"><?php echo $v['num'];?></span></td>
<td>
<?php if($v['status']==1) {?>
<a>启用</a>
<?php } else {?>
<a>关闭</a>
<?php }?>
</td>
<td>
<a href="javascript:void(0)"><img class="operator" src="{skin:images/admin/icon_edit.gif}" alt="编辑" /></a>
<a href="javascript:void(0)"><img class="operator" src="{skin:images/admin/icon_del.gif}" alt="删除" /></a>

</td>
</tr>
<?php }?>
</tbody>
</table>
</div>
</form>

<script>
//全选
$("#qx").click(function(){
$("input[type='checkbox']").prop('checked',true);
});
//反选
$("#fx").click(function(){
var check = $("input[name='check']");
for(var i=0;i<check.length;i++){
if(check.eq(i).prop('checked')==true){
check.eq(i).prop('checked',false);
}else{
check.eq(i).prop('checked',true);
}
}
});
//全不选
$("#qbx").click(function(){
$("input[type='checkbox']").prop('checked',false);
});
//批删
$("#ps").click(function(){
var check = $("input[name='check']");
var id = "";
for(var i=0;i<check.length;i++){
if(check.eq(i).prop('checked')==true){
var id =id+","+check.eq(i).attr("value");
}
}
id = id.substr(1);
// alert(id);return false;
$.ajax({
type: "POST",
url: "{url:/test/del_all}",
data:{
id : id,
},
success: function(msg){
if(msg==1){
for(var i=0;i<check.length;i++){
if(check.eq(i).prop('checked')==true){
check.eq(i).parents("tr").remove();
}
}
}else{
alert("删除失败");
}
}
});

});
//即点即改
$(document).on("click",".num",function(){
var num = $(this).html();
$(this).parent().html("<input name='num' value='"+num+"'/>");
});
$(document).on("blur","input[name='num']",function(){
var num = $(this).val();
var id = $(this).parents("tr").attr("id");
var obj = $(this);
$.ajax({
type: "POST",
url: "{url:/test/save}",
data:{
id : id,
num:num,
},
success: function(msg){
if(msg==1){
obj.parent().html("<span class='num'>"+num+"</span>");
}else{
alert("修改失败");
}
}
});
});

//air.dialog弹出框
function modify(id,field)
{
var oldname = $('#p'+id).html();
var str = "名称：<input type='text' id='cname' value='"+oldname+"'/>";

art.dialog({
title:'修改名称',
content:str,
okVal:'确定修改',

ok:function(){
// alert('update lianxi set '+field+'="'+$('#cname').val()+'" where id='+id);

var name = $('#cname').val();
$.ajax({
type: "POST",
url: "{url:/test/save_name}",
data:{
id : id,
name:name,
},
success: function(msg){
if(msg==1){
alert("修改完成");
$('#p'+id).text(name);
}else{
alert("不能为空");
}

}
});
},
cancelVal:'不修改了',
cancel:function(){},
})
}

</script>

php页面

<?php
/**
* @brief 商品模块
* @class Goods
* @note 后台
*/
class test extends IController{

public $checkRight = array('check' => 'all','uncheck' => array('default','admin_repwd','admin_repwd_act','navigation','navigation_update','navigation_del','navigation_edit','navigation_recycle','navigation_recycle_del','navigation_recycle_restore'));
public $layout = 'admin';

public function init()
{
IInterceptor::reg('CheckRights@onCreateAction');
}

function show()
{
// echo "qiaochy";
$data["name"]="qiao";
$this->setRenderData($data);
// $this->name = "qiao";
// $kkk = "123";
$this->kkk = "123";
$this->redirect('show');
}

function jq(){
$lianxiObj = new IModel('lianxi');
$list = $lianxiObj->query();
$this->list = $list;
$this->redirect('jq');
}

//批删
function del_all(){
$id = $_POST["id"];
$lianxi = new IModel("lianxi");
$res=$lianxi->del("id in(".$id.")");
if($res){
echo 1;
}else{
echo 0;
}
}

//即点即改
function save(){
$id = $_POST["id"];
$num = $_POST["num"];

$lianxi = new IModel("lianxi");
$lianxi_info = $lianxi->getObj("id=".$id);
if($num==$lianxi_info["num"]){
echo 1;
}else{
$data = array("num"=>$num);
$lianxi->setData($data);
$res=$lianxi->update("id=".$id);
if($res){
echo 1;
}else{
echo 0;
}
}

}

//即点即改
function save_name(){
$id = $_POST["id"];
$name = $_POST["name"];
if(!empty($name)){
$lianxi = new IModel("lianxi");
$lianxi_info = $lianxi->getObj("id=".$id);
if($name==$lianxi_info["name"]){
echo 1;
}else{
$data = array("name"=>$name);
$lianxi->setData($data);
$res=$lianxi->update("id=".$id);
if($res){
echo 1;
}else{
echo 0;
}
}
}else{
echo 0;
}
}
}

0 0