fastadmin 联动
-----------------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);
});
//搜索三级联动
<script id="sourcetpl" type="text/html">
<div class="">
<div class="" data-toggle="cxselect" data-selects="first,second,three,dot">
<select class="first form-control " name="did" data-url="test/cjzjtopic/topicCategory?pid=0">
</select>
<br>
<!--<input type="hidden" class="operate" data-name="did" value="=" />-->
<select class="second form-control " id="" name="zid" data-url="test/cjzjtopic/topicCategory" data-query-name="pid">
</select>
<br>
<!--<input type="hidden" class="operate" data-name="fid" value="=" />-->
<select class="three form-control" name="fid" data-url="test/cjzjtopic/topicCategory" data-query-name="pid">
</select>
<input type="hidden" class="operate" data-name="fid" value="=" />
</div>
</div>
</script>
------------------------------js---------------------------------------
{field: 'cpa.fid', title: __('层级'), searchList: function (column) {
return Template('sourcetpl', {});
},
visible: false
},
浙公网安备 33010602011771号