标签：function fastadmin cid res saveRes coid 联动 data

-----------------html-----------------data-source 二级联动 

   <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Combo_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-coid" data-rule="required" data-source="zk/live/get_coid" class="form-control selectpage" name="row[coid]" data-primary-key="coid" type="text" value="">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Dir_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-dir" data-rule="required" data-source="zk/live/get_dirlist" class="form-control selectpage" name="row[dir_id]" data-primary-key="coid" type="text" value="">
        </div>
    </div>

------------------------js------------------------------
        add: function () {
            $("#c-dir").data("params", function (obj) {
                return {coid: $("#c-coid").val()};
            });
            Controller.api.bindevent();

        },
----------------控制器----------------------------------
    public function get_coid()
    {
       $arr_l = [];  //数据库查值
        return json(['list' => $arr_l, 'total' => count($arr)]);
    }

//data-source 下拉框联动

---------------------html------------
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Coid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-lid" data-rule="required" data-source="chapter/cfatest/get_coid" class="form-control selectpage" name="row[coid]" data-primary-key="coid" type="text" value="">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('阶段')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select id="c-coid" data-rule="required" class="form-control" name="row[cid]">
                <!--<option>请选择</option>-->
            </select>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('科目')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select id="c-sid" data-rule="required" class="form-control" name="row[sid]">
                <!--<option>请选择</option>-->
            </select>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('章节')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select id="c-zid" data-rule="required" class="form-control" name="row[zid]">
                <!--<option>请选择</option>-->
            </select>
        </div>
    </div>
--------------------------js-------------------------------
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
                $(document).on('change', '#c-lid', function () {
                    //TODO data-source 三级联动
                    var cid =  $("input:hidden[name='row[coid]']").val();
                    console.log(cid)
                    console.log(12131213)
                    $.ajax({
                        url: 'chapter/cfatest/get_stage',
                        type: 'get',
                        data: {'cid': cid},
                        dataType:"json",
                        success: function (res) {

                            console.log(res);
                            let saveRes = '';
                            $("#c-coid").html('');
                            for (var i = 0; i < res.length; i++) {
                                //saveRes =  '<option value=' + res[i].cid + '>' + res[i].name + '</option>';
                                saveRes = res[i];
                                $("#c-coid").append(saveRes);
                            }
                            console.log(saveRes)
                        }
                    });

                });
                $(document).on('change', '#c-coid', function () {
                    var cid = $(this).find("option:selected").val();
                    var coid =  $("input:hidden[name='row[coid]']").val();
                    $.ajax({
                        url: 'chapter/cfatest/get_chapter',
                        type: 'get',
                        data: {'cid': cid,'coid':coid},
                        dataType:"json",
                        success: function (res) {

                            console.log(res);
                            let saveRes = '';
                            $("#c-sid").html('');
                            for (var i = 0; i < res.length; i++) {
                                //saveRes =  '<option value=' + res[i].cid + '>' + res[i].name + '</option>';
                                saveRes = res[i];
                                $("#c-sid").append(saveRes);
                            }
                            console.log(saveRes)
                        }
                    });

                });

                $(document).on('change', '#c-sid', function () {
                    var cid = $(this).find("option:selected").val();
                    var coid =  $("input:hidden[name='row[coid]']").val();
                    $.ajax({
                        url: 'chapter/cfatest/get_chapter1',
                        type: 'get',
                        data: {'cid': cid,'coid':coid},
                        dataType:"json",
                        success: function (res) {

                            console.log(res);
                            let saveRes = '';
                            $("#c-zid").html('');
                            for (var i = 0; i < res.length; i++) {
                                //saveRes =  '<option value=' + res[i].cid + '>' + res[i].name + '</option>';
                                saveRes = res[i];
                                $("#c-zid").append(saveRes);
                            }
                            console.log(saveRes)
                        }
                    });

                });

            }
        }
-------------------------------控制器------------------------------
    public function get_coid()
    {
         $arr = [];
        return json(['list' => $arr, 'total' => count($arr)]);
    }    

    public function get_stage()
    {
        $cid = $this->request->param("cid");

        $opt[] = '<option value="0">--请选择--</option>';

            $level = [];  //数据库查值
            foreach ($level as $k => $v) {
                $opt[] = "<option value='{$v['dir_id']}'>{$v['name']}</option>";
            }
            echo json_encode($opt, true);
            die;
        }

    }

// data-source 搜索二级联动， 见开发示例

-------------html--------
<script id="customformtpl" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch">

        <div class="row">
            <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">

                <label class="control-label col-xs-4">分类</label>
                <div  data-toggle="cxselect" data-selects="group,admin,aaa,bbb">

                    <div class="col-xs-8">
                        <select class="group form-control" name="cid"
                                data-url="chapter/cfatest/get_cate_list?cid={$couid}">
                            <option value="{$cid}" selected=""></option>
                        </select>
                    </div>
                    <label class="control-label col-xs-4"></label>
                    <div class="col-xs-8">
                        <select class="admin form-control" name="cid1"
                                data-url="chapter/cfatest/get_cate_list"
                                data-query-name="cid">
                            <option value="{$cid1}" selected=""></option>
                        </select>
                    </div>
                    <label class="control-label col-xs-4"></label>
                    <div class="col-xs-8">
                        <select class="aaa form-control" name="cid2"
                                data-url="chapter/cfatest/get_cate_list"
                                data-query-name="cid">
                            <option value="{$cid2}" selected=""></option>
                        </select>
                    </div>
                    <label class="control-label col-xs-4"></label>
                    <div class="col-xs-8">
                        <select class="bbb form-control" name="cid3"
                                data-url="chapter/cfatest/get_cate_list"
                                data-query-name="cid">
                            <option value="{$cid3}" selected=""></option>
                        </select>
                    </div>
                    <input type="hidden" class="operate" data-name="cid" value="="/>
                    <input type="hidden" class="operate" data-name="cid1" value="="/>
                    <input type="hidden" class="operate" data-name="cid2" value="="/>
                    <input type="hidden" class="operate" data-name="cid3" value="="/>
                </div>

            </div>



            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <div class="col-sm-8 col-xs-offset-4">
                    <input type="submit" class="btn btn-success" value="提交"/>
                    <input type="reset" class="btn btn-default" value="重置"/>
                </div>
            </div>
        </div>

    </form>
</script>

---------------js--------------------------
                //TODO data-source 搜索二级联动
                searchFormVisible: true,
                searchFormTemplate: 'customformtpl',

//三级联动

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Coid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="form-inline" data-toggle="cxselect" data-selects="first,second,three">
                <select class="first form-control" name="pid1" data-url="ajax/get_cpa_cate?&pid=0">
            
                </select>
                <select class="second form-control" name="pid2" data-url="ajax/get_cpa_cate" data-query-name="pid">
               
                </select>
                <select class="three form-control" name="pid3" data-url="ajax/get_cpa_cate" data-query-name="pid">
           
                </select>
            </div>
        </div>
    </div>

//搜索追加data-source

            table.on('post-common-search.bs.table', function (event, table) {
                var form = $("form", table.$commonsearch);
                //TODO data-source 搜索增加
                $("input[name='coid_name']", form).addClass("selectpage").data("source", "def/plan/get_cod/type/1").data("primaryKey", "coid").data("field", "name").data("orderBy", "sort desc").data("pageSize",10).data("pagination",'true')
                Form.events.cxselect(form);
                Form.events.selectpage(form);
            });

标签：function,fastadmin,cid,res,saveRes,coid,联动,data
来源： https://www.cnblogs.com/jwyq/p/16053977.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。