js父页面如何通过子页面查询后回填到父页面的input框中去

ゞ浴缸里的玫瑰 2022-08-07 10:42 104阅读 0赞

父页面（如下图所示）：

![Center][]

代码：

对应的两个crm.choose和crm.clear函数

重点是crm.choose

对应的**父类控制器**中定义如下一个函数

//搜索
    	public static function jsHandle($data){
    		$param = rtrim(I("post.SEARCH_PARAM",''),',');
    		$param_arr = array_filter(explode(",",$param));
    		$js = '';
    		foreach($param_arr as $v){
    			$arr = explode("@",$v);
    			if(count($arr) == 2){
    				$datas = "$('#{$arr[0]}',window.opener.document).val($(this).attr('{$arr[0]}'));";
    			}else{
    				$datas = "$('#$v',window.opener.document).val($(this).attr('$v'));";
    			}			
    			$js .= $datas;
    		}
    		if($js != ''){
    			$js .= "callclose = true;";
    			foreach($data as $k => $v){
    				$dome = '';
    				foreach($param_arr as $v1){
    					$arr = explode("@",$v1);
    					if(count($arr) == 2){
    						$datas = " {$arr[0]}='{$v[$arr[1]]}' ";
    					}else{
    						$datas = " $v1='{$v[$v1]}' ";
    					}
    					$dome .= $datas;
    				}
    				$data[$k]['data'] = $dome;
    			}
    		}
    		return array("data"=>$data,"js"=>$js);
    	}

对应的控制器中search方法加入如下一句

//搜索
    $data = parent::jsHandle($data);
    
    返回的list列表页面定义如下
    <pre name="code" class="javascript"><script type="text/javascript">
    $(function(){
    	//搜索
    	var callclose = false;
    	$(".callfill").click(function(){
    		
    		if(callclose == true) window.close();
    	})
    });
    </script>

同时在输出的行上添加如下信息

至此完成。  
  
可以通过点击检索出来的列表行实现回填  
  
  
以下是解析生成的list列表页面js代码

[Center]: /images/20220805/04f15eb69d63434ab2fc858c64e48bc3.png