郭盛 / areial · 文件

转到一个项目

审查视图

application/admin/view/example/cxselect/index.html 11.5 KB
原文件 普通视图 历史 永久链接
部署
6f6fb9a0
 
郭盛 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 
<style>#cxselect-example textarea{margin:10px 0;}</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding" id="cxselect-example">
                    <form id="cxselectform" action="">
                        <div class="row">
                            <div class="col-md-6">

                                <div class="panel panel-default">
                                    <div class="panel-heading"><b>省市区联动</b>(通过AJAX读取数据)</div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
                                                    <select class="province form-control" name="province" data-url="ajax/area"></select>
                                                    <select class="city form-control" name="city" data-url="ajax/area"></select>
                                                    <select class="area form-control" name="area" data-url="ajax/area"></select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
                                                    <select class="province form-control" name="province" data-url="ajax/area">
                                                        <option value="1964" selected>广东省</option>
                                                    </select>
                                                    <select class="city form-control" name="city" data-url="ajax/area">
                                                        <option value="1988" selected>深圳市</option>
                                                    </select>
                                                    <select class="area form-control" name="area" data-url="ajax/area">
                                                        <option value="1991" selected>南山区</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading"><b>类别联动</b>(Ajax读取数据)</div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5"></select>
                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid"></select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
                                                    <select class="first form-control" name="first" data-url="ajax/category?type=page&pid=5">
                                                        <option value="6" selected>网站建站</option>
                                                    </select>
                                                    <select class="second form-control" name="second" data-url="ajax/category" data-query-name="pid">
                                                        <option value="9" selected>移动端</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading"><b>省市区联动</b>(通过JSON渲染数据)</div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
                                                    <select class="province form-control" name="province"></select>
                                                    <select class="city form-control" name="city"></select>
                                                    <select class="area form-control" name="area"></select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-primary"><i class="fa fa-pencil"></i> 增加</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
                                                <div class="form-inline" data-toggle="cxselect" data-url="__CDN__/assets/libs/fastadmin-cxselect/js/cityData.min.json"
                                                     data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
                                                    <select class="province form-control" data-first-title="选择省">
                                                        <option value="">请选择</option>
                                                        <option value="浙江省" selected>浙江省</option>
                                                    </select>
                                                    <select class="city form-control" data-first-title="选择市">
                                                        <option value="">请选择</option>
                                                        <option value="杭州市" selected>杭州市</option>
                                                    </select>
                                                    <select class="area form-control" data-first-title="选择地区">
                                                        <option value="">请选择</option>
                                                        <option value="西湖区" selected>西湖区</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-3 text-right">
                                                <h6><label class="label label-success"><i class="fa fa-edit"></i> 修改</label></h6>
                                            </div>
                                            <div class="col-xs-12">
                                                <textarea class="form-control" rows="8">
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>