ThinkPHP中引入iDialog插件来实现查看全文功能

1.将iDialog核心包复制到项目中：





2.引入2个JS文件，并修改目录地址：
<script src="__COMMON__/iDialog/jquery-1.8.3.min.js"></script>
<script src="__COMMON__/iDialog/jquery.iDialog.js" dialog-theme="default"></script>3.实现功能：点击不同的查看全文按钮，能够看到不同的内容。
          思路：在每个查看全文的按钮上，增加点击事件，来调用不同的对话框





            代码如下：
<script type="text/javascript">

function show(title,content){
iDialog({
title: title,
//标志出唯一的对话框，如果当前页面存在多个对话框时，需要注释该参数
//id:'DemoDialog ',
content:content,
lock: true, //遮蔽效果的配置项
width:800, // 对话框的宽
fixed: true,
height:400 // 对话框的高
});

方式二：采用ajax方式，通过php从后台根据id读取数据，显示在对话框上

            ①：使用ajax方法访问后台php程序，并且将id传入后台程序

            


                    代码如下：

        function show(id){
//调用post方法，访问后台
var url ="{:U('getDoc')}";
var data={'id':id};
$.post(url,data,function(msg){
//alert(msg);
iDialog({
title: msg.doc_title,
//标志出唯一的对话框，如果当前页面存在多个对话框时，需要注释该参数
//id:'DemoDialog ',
content:msg.doc_content,
lock: true, //遮蔽效果的配置项
width:800, // 对话框的宽
fixed: true,
height:400 // 对话框的高
});
},'json');
            ②编写后台程序，接收id,并根据id获取标题和内容，return给前台

            


            前台的对话框显示内容如下图，需要在Doc/getDoc方法中，将内容进行解码。

            


                解码操作如下：function getDoc(){
//接收ajax传过来的id
$id= I('post.id');
//2.根据id查询公文信息
$info = D('Doc')->field('doc_id,doc_title,doc_content')->find($id);
//将doc_centent字段中的内容解码
$info['doc_content'] = htmlspecialchars_decode($info['doc_content']);
//3.将$info数组转为json数据并返回
echo json_encode($info);            全部操作结束。

总结：1.为每个"查看全文"按钮，增加点击事件，触发一个show函数。
          2.show函数访问后台php程序(Doc/getDoc),并将当前的要查看的id传递到后台。
          3.编写Doc/getDoc方法：①先接收id,根据id查询要查看的标题和内容，并将内容解码，最后以json数据格式输出
          4.在前台的show函数中，接收getDoc返回的结果，使用弹出对话框的方法，将接收的json数据显示到对话框上。