视图层

<style>
#tab tr td{
    height:40px;
    width:100px;
}
</style>
<form action="index.php?r=ceshi/index" method='post'>
<input name="_csrf" type="hidden" id="_csrf" value="<?= Yii::$app->request->csrfToken ?>">
<table id="tab">
    <tr>
        <td></td>
        <td>显示顺序</td>
        <td>站点名称</td>
        <td>站点URL</td>
        <td></td>
    </tr>
    <?php foreach($info as $key=>$v): ?>
        <tr>
            <input type="hidden" name="cid[]" value="<?php echo $v['id']; ?>" />
            
            <td><input type="checkbox" name="check[]" class="ids" value="<?php echo $v['id'] ?>"></td>
            <td><input type="text" name="order[]" value="<?php echo $v['order']; ?>" size="3" /></td>
            <td><input type="text" name="title[]" value="<?php echo $v['title']; ?>"  size="8" /></td>
            <td><input type="text" name="url[]" value="<?php echo $v['url']; ?>" /></td>
            <td></td>
        </tr>
    <?php endforeach; ?>
    <tr>
        <td></td>
        <td colspan="4"><a href="javascript:;" onclick="jia(this)" >+添加友情链接</a></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="all" onclick="getAll(this)" />删?</td>
        <td colspan="4">
            <input type="submit" value="提交" />
        </td>
    </tr>
</table>
</form>

<script>
    //点击添加一行
    function jia(obj){
        var tr=$(obj).parent().parent();
        //点击加一行
        var html='<tr><td></td><td><input type="text" name="order[]" size="3"  /></td><td><input type="text" name="title[]" size="8"  /></td><td><input type="text" name="url[]" /></td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>';
        tr.before(html);
    }
    //点击删除当前行
    function del(obj){
        $(obj).parent().parent().remove();
    }
    //全选
    function getAll(ts){
        var ids = $('.ids');
        //alert(ids.length);
        for(var i=0;i<ids.length;i++){
            if(ts.checked==true){
                ids[i].checked=true;
            }else{
                ids[i].checked=false;
            }
        }
    }
</script>

控制器层

<?php

namespace frontend\controllers;

use Yii;
use frontend\models\Ceshi;
use yii\db\Query;

class CeshiController extends \yii\web\Controller
{
    public function actionIndex()
    {
        
        //判断是否为提交表单
        if(Yii::$app->request->ispost){
            //判断是否为删除操作
            if(Yii::$app->request->post('check')){
                $check = Yii::$app->request->post('check');
                //var_dump($check);die;
                $str = '';
                for($i=0 ; $i<count($check) ; $i++){
                    $sql = "delete from ceshi where id=".$check[$i];
                    if(Yii::$app->db->createCommand($sql)->execute()){
                        $str++;
                    }
                }
                if($str!=''){
                    echo "<script>alert('删除成功'); location.href='index.php?r=ceshi/index'; </script>";
                }
            }else{
                //执行修改和添加操作
                //var_dump(Yii::$app->request->post());die;
                $cid = Yii::$app->request->post('cid');
                $orders = Yii::$app->request->post('order');
                $titles = Yii::$app->request->post('title');
                $urls = Yii::$app->request->post('url');
                $flage = '';
                foreach ($orders as $k=>$v){
                    //判断是否有ID传值
                    if(!empty($cid[$k])){
                        
                        $order = $v;
                        $title = $titles[$k];
                        $url = $urls[$k];
                        $id = $cid[$k];
                        //echo $id;exit;
                        $res = Yii::$app->db->createCommand()->update('ceshi', [
                                            'order' => $v,
                                            'url'  => $url,
                                            'title' => $title
                                        ] , "id=$id")->execute();
                        //数据可能没被修改,只有成功一条就改变标记的值
                        if($res){
                            $flage = '1';
                        }
                    }else{
                        $order = $v;
                        $title = $titles[$k];
                        $url = $urls[$k];
                        $res = Yii::$app->db->createCommand()->insert('ceshi', [
                                            'order' => $v,
                                            'url'  => $url,
                                            'title' => $title
                                        ])->execute();
                        if($res){
                            $flage = '1';
                        }
                    }
                }
                //判断是否成功
                if($flage=='1'){
                    echo "<script>alert('修改/添加成功'); location.href='index.php?r=ceshi/index'; </script>";
                }else{
                    echo "<script>alert('无任何操作'); location.href='index.php?r=ceshi/index'; </script>";
                }
            }
        }
        $query = new Query();
        //查询所有数据
        $info =  $query
                ->select('*')
                ->from('ceshi')
                ->orderBy(['order' => SORT_ASC])
                ->all();
        
        return $this->render('index' , ['info' => $info]);
    }

}

另一种表单,0-0

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
$form = ActiveForm::begin(['method'=>'post','action' => 'index.php?r=test/index']);

?>
<style>
#tab tr td{
    height:40px;
    width:100px;
}
</style>
<table id='tab'>
<tr>
    <td><input type='checkbox'  /></td>
    <td>显示顺序:</td>
    <td>站点名称:</td>
    <td>站点地址:</td>
</tr>
<?php foreach ($data as $key=> $v):?>
    <tr id='tr1'>
    <input type="hidden" name="cid[]" value="<?php echo $v['id']; ?>" />
        <td><input type='checkbox' name='check[]' class='ids' value="<?php echo $v['id']?>" /></td>
        <td><input type='text' name='t_xu[]' value="<?= $v['t_xu']?>" size="3"/></td>
        <td><input type='text' name='t_name[]' value="<?= $v['t_name']?>"size="8" /></td>
        <td class='td1'><input type='text' name='t_url[]' value="<?= $v['t_url']?>" /></td>        
    </tr>
<?php endforeach; ?>
    <tr id='tr2'></tr>
</table>
<input type='button' value='+' id='btn' />添加友情链接
<p><input type='checkbox' onclick='getAll(this)'  />&nbsp;&nbsp;&nbsp;&nbsp;
删?&nbsp;&nbsp;&nbsp;&nbsp;
<input type='submit' id='btnok' value='提交'/></p>
<?php ActiveForm::end()?>

<?php $this->beginBlock('checkAgree');?>
    $('#btn').on('click',function()
    {
        //var trhtml = "<td><input type='checkbox' name='id' /></td><td><input type='text' name='t_xu' /></td><td><input type='text' name='t_name'/></td><td><input type='text' name='t_url' /></td>";
        //alert(trhtml);
        //$('#tr2').append(trhtml);
        var tab=document.getElementById('tab');
        var n=document.getElementById('tr2').rowIndex+1;
        var tr=tab.insertRow(n);
        var td=tr.insertCell(0);
        tr.innerHTML="<td></td><td><input type='text' name='t_xu[]' size='3' /></td><td><input type='text' name='t_name[]' size='8'/></td><td><input type='text' name='t_url[]' /><td><input type='button' value='删除此行' onclick='deltr(this)' /></td>";
    });
    function deltr(ts){  
        var tr = $(ts).parent().parent();  
        tr.remove();  
    }
    function getAll(ts)
    {
        var ids = $('.ids');
        //alert(ids.length);
        for(i=0; i<ids.length; i++)
        {
            if(ts.checked == true)
            {
                ids[i].checked = true;
            } else {
                ids[i].checked = false;
            }
        }
    }
<?php $this->endBlock(); $this->registerJs($this->blocks['checkAgree'], \yii\web\View::POS_END);?>

yii2 单页面增删改的更多相关文章

  1. 权限管理系统之LayUI实现页面增删改查和弹出层交互

    由于对LayUI框架不太熟悉,昨天抽空看了下LayUI的文档,今天在网上找了使用LayUI进行增删改查相关内容,自己照葫芦画了个瓢,画瓢部分不是很难,主要是下午遇到了一个弹出层的问题耗时比较久. 同一 ...

  2. 在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计

    在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中,已经搭建好了Repository层,本篇就剩下增删改查的界面了......今 ...

  3. vue.js带复选框表单的增删改查

    近段时间由于公司项目要求,前端开始使用VUE框架进行开发,最近刚开始学习,做了一个表单的增删改查,和大家分享一下. 页面模型代码设计如下 <template> <div id=&qu ...

  4. django-orm框架表单的增删改查

    08.14自我总结 django-orm框架 一.orm基本配置 1.创建django项目 命令行:cmd先去到django创建目录,然后输入django-admin startproject dja ...

  5. Django框架(八)--单表增删改查,在Python脚本中调用Django环境

    一.数据库连接配置 如果连接的是pycharm默认的Sqlite,不用改动,使用默认配置即可 如果连接mysql,需要在配置文件中的setting中进行配置: 将DATABASES={} 更新为 DA ...

  6. Django框架(九)—— 单表增删改查,在Python脚本中调用Django环境

    目录 单表增删改查,在Python脚本中调用Django环境 一.数据库连接配置 二.orm创建表和字段 三.单表增删改查 1.增加数据 2.删除数据 3.修改数据 4.查询数据 四.在Python脚 ...

  7. YII2.0 数据库增删改查

    /*==================== dkhBaseModel 数据库增删改查方法 start ================================*/ //新增一条数据 publ ...

  8. $Django orm增删改字段、建表 ,单表增删改查,Django请求生命周期

    1 orm介绍  ORM是什么   ORM 是 python编程语言后端web框架 Django的核心思想,“Object Relational Mapping”,即对象-关系映射,简称ORM.  一 ...

  9. 在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建

    通常,在同一个页面上实现增删改查,会通过弹出框实现异步的添加和修改,这很好.但有些时候,是不希望在页面上弹出框的,我们可能会想到Knockoutjs,它能以MVVM模式实现同一个页面上的增删改查,再辅 ...

随机推荐

  1. 设置JVM参数,查看堆大小

    1.在eclipse设置JVM参数     打开eclipse-窗口-首选项-Java-已安装的JRE(对在当前开发环境中运行的java程序皆生效,也就是在eclipse中运行的java程序)编辑当前 ...

  2. swf2pdf转swf时字符集问题【转】

    今天转了一个的pdf是出现字符集问题,并转换的swf为乱码.出现的错误如下. 错误的原因是缺少中文字符集GBK-EUC-H.解决方法使用xpdf增加缺少的字符集.解决步骤如下: (一) 下载相关的xp ...

  3. 整理的一些模版LCS(连续和非连续)

    对于连续的最大串,我们称之为子串....非连续的称之为公共序列.. 代码: 非连续连续 int LCS(char a[],char b[],char sav[]){ int lena=strlen(a ...

  4. [转]sql中判断text类型字段是否为空

    用 字段=''会报错:数据类型 text 和 varchar 在 equal to 运算符中不兼容. 正确方法: 1. 字段 is null 2. datalength(字段)=0 注:SQL中的DA ...

  5. eclipse 中提示tomcat 的端口被占用了 后的最快捷解决方法

    很多时候运行tomcat 的时候总是会提示tomcat 的端口被占用 但是任务管理器里面还找不到是哪个端口被占用了 因此很多人就重新配置tomcat  或者去修改tomcat的端口号 ,其实这么做太麻 ...

  6. ES mlockall作用——preventing that memory from being paged to the swap area

    elasticsearch还有一个重要的参数bootstrap.mlockall,这个参数的目的是当你无法关闭系统的swap的时候,建议把这个参数设为true.防止在内存不够用的时候,elastics ...

  7. K2工作流的使用

    K2的工作流作为工作流中的战斗机,被各大企业争相抢购着,当然我们公司也买了,用起来确实方便也的确很强大. 主要分两的模块: 一.K2.net 2003 Service Manager 以上是对配置用户 ...

  8. JDE开发端安装笔记

    JDE版本:JD Edwards EnterpriseOne 9.1.4 for Microsoft 64bit Oracle客户端:Oracle Database 11g Release 2 Cli ...

  9. C# 如何用计时器Timer控件实现停留几秒再做切换窗体的操作

    C# Timer用法及实例详解 关于C# Timer类  在C#里关于定时器类就有3个 C# Timer使用的方法1.定义在System.Windows.Forms里 C# Timer使用的方法2.定 ...

  10. bzoj 2241: [SDOI2011]打地鼠

    #include<cstdio> #include<iostream> using namespace std; ][],b[][],ans,sum; void pan(int ...