Phalon框架:将复选框所有选择的值从View视图层(.volt)传输到控制层(.php)

适用条件

1.Phalcon框架（MVC）

2.控制层采用PHP，视图采用Volt（使用了kendo grid）

3.目标：点击视图中的按钮，将按钮获得的数据，以url的形式传递给控制层。

我自身的情况是：1.在视图层中要在添加一列复选框，表头的复选框要求通过点击实现全选全不选，各个项对应的框表示自身是否被选择

                                2.在视图层中需要获取复选框选择的值，存储为字符串格式，加于url的字段中  XXXX/whitelist/bulkOnline?id=1,2,3,4

                    

                               例如  whitelist（views下文件夹）/bulkOnline（将跳转到控制层的某个函数）                

                                3.在控制层通过 $str = $_GET["id"]  从而获取到视图层 复选框传递的值    

                              注意：get[ ]中的内容应该 与 url 中的标识一致  id与id相对应

以下上代码：

一、视图层  

1. kendogrid下添加复选框这一列 并设置value为同行的id值

var grid = $("#grid").kendoGrid({
dataSource : dataSource,
pageable : {
refresh : true,
pageSizes : [ 10, 20, 50 ],
buttonCount : 5,
input : true,
messages : {
display : "显示第 {0}-{1} 条记录，共 {2} 条记录",
empty : "无数据",
page : "第",
of : "页",
itemsPerPage : "条/页"
}
},

height : 500,
toolbar: [
                ],
    persistSelection: true,
    sortable:true,
   // change: onChange,
    selectable: "multiple row",
columns: [
                     
         //添加一列复选框 title表示全选全不选的复选框，template表示每一行对应的复选框,其中value="#id#"将复选框与id相对应
    {editable: true,sortable:false,title:"<input id='testIds',name='testIds', type='checkbox', class='k-checkbox' value='viewContent'/>" ,template: '<input type="checkbox" name="testId" class="k-checkbox"value="#=id#" /> ',width: 12}, 
    {editable: true, sortable: false, field:"id", title: "序号", width: "40px" },
    {sortable: false, type:"text", field:"grouptxt", title: "名称", width: "80px" }, 
    {sortable: false, type:"text", field:"user_id", title: "用户ID", width: "80px" }, 
    {sortable: false, type:"text", field:"sid", title: "手机ID", width: "80px" }, 
        {sortable: false, type:"text", field:"remoter_id", title: "相机ID", width: "80px" }, 
	{editable: true, sortable: false, field:"statustxt", title: "状态", width: "45px" }, 
	{sortable: false, field:"typetxt", title: "类型", width: "45px" }, 
	{ command: 
		[
		{ text: "上线", click: agree }, 
		{ text: "下线", click: reject }, 
		{ text: "修改", click: editItem }, 
		{ text: "删除", click: deleteItem }, 
		], 
	title: " ", 
	width: "70px" } 
],
	editable : { mode: "popup", window: { title: "编辑", animation: false, }}});









2 .实现点击第一行的复选框达到全选全不选的效果 id = testIds的复选框  对应的事件swapCheck()

    //checkbox 全选全不选功能的实现
        var isCheckAll = false;//默认不选中
        function swapCheck(){
            if (isCheckAll) {
                $("input[type='checkbox']").each(function() {
                    this.checked = false;
                });
                isCheckAll = false;
            } else {
                $("input[type='checkbox']").each(function() {
                    this.checked = true;
                });
                isCheckAll = true;
            }
        }
复选框一通乱选之后，点击页面上的一个“批量上线按钮” ，（按钮click事件）--->这时将所有被选择复选框的id加到一个字符串中，形如1,2,6,


 
 

  
  3. “批量上线按钮”对应的事件 
  
  

获取所选复选框value值 ->存入url->getjson通过url跳转到控制层->经过控制层一番处理后->function(o)返回处理结果
 
 

 
 

  
  
 //批量上线
     function checkOnItem(e) {
       //获取被选择的复选款的所有balue值到字符串str
       var obj = document.getElementsByName("testId");
        var str = "";
        for(k in obj){
            if(obj[k].checked)
            str += obj[k].value + ",";
        }
        var str1=str.substring(0,str.length-1);//去掉最后一个多余的逗号
        //通过url找到控制层的函数
        var url = crudServiceBaseUrl+"/whitelist/bulkOnline?";//这里应保证写法正确
        url += "id=" + str1;                                  //控制层通过id来获取str1
        
                $.getJSON(url,null,function(o){//第一个参数表示跳转的控制器的地址
                 if(o.errorcode == 0){
                  popupNotification.show("批量上线成功！", "info");//返回的提示信息
                  $(".k-i-refresh","#grid").trigger("click");
        //这时完成了一次批量上线操作了，我们希望全选复选框testids 不具备记忆性，也就是testids应该在每次操作完成后，默认状态为不被选中
                               document.getElementById("testIds").checked=false;
                                isCheckAll = false;
                 }else{
                  popupNotification.show(o.errormsg, "error");
                 }
                });
        }

  
  


  
  


 
 




4.控制层的处理过程


   
   

    
        public function bulkOnlineAction()
    {
        //获取视图层传输的字符串 通过id获取
       $str = $_GET['id']; 
        //PHPexplode函数将字符串按照逗号分割成数组
        $ids = explode(",",$str);
        //echo "<pre>";
        //var_dump($check);
        //echo count($ids);exit;
        $errorcode = 0;
        $errormsg  = "成功";
   
   
   
   

    
    
        for($i=0;$i<count($ids);$i++)
        {
            $temp = $ids[$i];
            $publishuser = PublishUser::findFirstById($temp);
            $publishuser->status = 3;
            if(!$publishuser->save()){
                $errorcode = 1;
                $errormsg  = "失败:";
                foreach ($publishuser->getMessages() as $msg) {
                    $errormsg.= $msg;
                }
            }
        }
       //返回一个数组到视图层 视图层通过function(o)来显示处理结果
      $jsonarray = array(
            "errorcode"  =>  $errorcode,
            "errormsg"   =>  $errormsg
        );
        echo json_encode($jsonarray);
        exit;
   
   
   
   

    
        }
   
   
复选框全选效果参考：http://blog.csdn.net/graceup/article/details/46650781

kendogrid复选框的写法参考：http://blog.csdn.net/jbgtwang/article/details/52062278