显示详情

1.控制器

//controller.php
    public function detail()
    {
        $this->load->library('AdminCrud');
        $r = new AdminCrud();

        $data = $r->getDetail(urlget('id'), 'article');

        $this->load->view('articleDetail', $data);
    }

2.模型

//_model.php
public function getDetailData($id)
    {
        $fild = '*';
        $where = array('id' => $id);

        $join = array(
            // 'product p' => 'sp_id = p.id'
            // , 'user u' => 'tjr = u.user',
        );

        if ($id) {
            $detail = $this->get_row($fild, $where, $join);

            return $detail;
        } else {
            return null;
        }
    }

3.视图

<!--articleDetail.php-->
<?php
defined('BASEPATH') or exit('No direct script access allowed');
Widget::load('layout_tpl', array('view'=>'pre_header','data'=>array('title'=>'文章详情')));

Widget::load('layout_tpl', array('view'=>'common_script'));
Widget::load('layout_tpl', array('view'=>'open_body_tag'));
Widget::load('breadcrumb', array('文章管理','文章详情'));
?>

<?php Widget::load('layout_tpl', array('view'=>'open_body_tag'));?>
<div class="page-container"> 
<!-- 详情内容 -->
</div>
<?php Widget::load('layout_tpl', array('view'=>'footer'));?>
<?php Widget::load('layout_tpl', array('view'=>'close_body_tag'));?>

表格形式

表单形式 http://www.h-ui.net/Hui-3.4-form.shtml

<article class="page-container">
    <form action="" method="post" class="form form-horizontal" id="form-member-add">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="username" name="username">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input name="sex" type="radio" id="sex-1" checked>
                    <label for="sex-1">男</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="sex-2" name="sex">
                    <label for="sex-2">女</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="sex-3" name="sex">
                    <label for="sex-3">保密</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="mobile" name="mobile">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" placeholder="@" name="email" id="email">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">附件：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
                <input class="input-text upload-url" type="text" name="uploadfile" id="uploadfile" readonly nullmsg="请添加附件！" style="width:200px">
                <a href="javascript:void();" class="btn btn-primary radius upload-btn"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>
                <input type="file" multiple name="file-2" class="input-file">
                </span> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">所在城市：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
                <select class="select" size="1" name="city">
                    <option value="" selected>请选择城市</option>
                    <option value="1">北京</option>
                    <option value="2">上海</option>
                    <option value="3">广州</option>
                </select>
                </span> </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">备注：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="beizhu" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" onKeyUp="textarealength(this,100)"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

提交表单

<?=res_url('Validform/5.3.2/Validform.min.js', 'lib')?>
<script>
// 限制只能提交一次
var post_status = true;

function save_data(id, options){
    if(post_status) {
        layer.msg('正在提交...',{time:0});

        if(id == ''){
          layer.msg('没有ID，请刷新重试一下');
          return;
        }
        if(!$.isNumeric(id)){
          layer.msg('ID不是数字形式！');
          return;
        }

        var data = {
          id : id
        };

        data = if_change_val_set_data('r_icon',data);
        data = if_change_val_set_data('r_img',data);
        data = if_change_val_set_data('r_info',data);
        console.log(data);
        return;

        if(Object.keys(data).length == 1){
            layer.msg('没有可提交数据。');
            return;
        }

        var url = '<?=site_url('order/updata_order_info')?>';

        post_status = false;
        $.post(url,data,function(data){
            if(data.status){
              location.reload();
            }else{
              layer.alert(data.msg);
            }
            post_status = true;
        },'json')
        .error(function(){ 
            post_status = true;
            layer.alert("提交失败！"); 
        });
    }
}
$('#btn_submit').on('click',function(){
    layer.confirm('确认提交？', {btn: ['是', '取消']},function(index){
        var id = '<?=$id?>';
        save_data(id);
    });
});
</script>

update Form

前端 使用方法

提交表单部分

<?=res_url('qnick_update_form.js', 'admin')?>
<script>
$("#form_id").Validform({    //跳转输入订单ID的详情
    btnSubmit:"#btn_submit", 
    tiptype:function(msg,i){if(msg){layer.msg(msg);}},
    callback:function(form){
        var data = {
          id : '<?=$id?>'
        };

        data = if_change_val_set_data('r_icon',data);
        data = if_change_val_set_data('r_img',data);

        var r_info = $.trim($('#r_info').val());
        var ori_r_info = $.trim($('#ori_r_info').val());
        if(r_info != ori_r_info){
            data['r_info'] = r_info;
            data['ori_r_info'] = ori_r_info;
        }
        var option = {
            'post_url' : '<?=adm_url('product/updataRegionInfo')?>'
        };

        save_data(data, option, function(){
            location.reload();
        });
        return false;
    }
});
</script>

save_data 接口

function save_data(data, options, s_callback){

//...more...

//默认设置
 var defaults = {
     'limit_length' : 1  //判断有没有提交数据
     ,'confirm_msg' : '确认提交？'
     ,'btn_yes_text' : '是'
     ,'btn_no_text' : '取消'
     ,'post_url' : null
 }

 //...more...

// s_callback是post成功后执行函数。
 }